![]() The blue icons should move faster and more smoothly. On a high-end machine, you can click it about 20 times.Ĭlick Optimize. The following section lets you customize the demo to make sure that your experience is relatively consistent with the screenshots and descriptions.Ĭlick the Add 10 button until the blue icons move noticeably slower than before. The demo doesn't work well with 6x slowdown, so it just uses 4x slowdown for instructional purposes. If you want to ensure that pages work well on low-end mobile devices, set CPU to 6x slowdown. DevTools throttles your CPU so that it's 4 times slower than usual. DevTools reveals settings related to how it captures performance metrics.įor CPU, select 4x slowdown. Whenever you profile a page, use CPU Throttling to simulate how your page performs on mobile devices.Ĭlick Capture settings ( ). Mobile devices have much less CPU power than desktops and laptops. Press Ctrl+Shift+I (Windows, Linux) or Command+Option+I (macOS) to open DevTools.įor the rest of the following screenshots, DevTools is undocked to a separate window, to better focus on the contents. Note: The source for this demo is at MicrosoftEdge / Demos > devtools-performance-get-started. ![]() For more information about InPrivate, see Browse InPrivate in Microsoft Edge You'll profile this page, which shows a variable number of icons moving up and down. To do that, right-click the link and then select Open link in InPrivate window. Open the Sluggish Animation demo page in your InPrivate tab or window. In the following tutorial, you open DevTools on a "Sluggish Animation" demo page and use the Performance tool to find a performance bottleneck on the page. See also Optimize website speed using Lighthouse. In terms of the RAIL model, the skills you learn in this tutorial are useful for analyzing the Response, Animation, and Idle phases of your page. The following tutorial teaches you how to use the DevTools Performance tool to analyze runtime performance. Runtime performance is how your page performs when it's running, as opposed to loading.
0 Comments
Leave a Reply. |