Chrome DevTools Performance Profiler Settings

We learn about the various settings options in the performance profiler dev-tools tab. We look at how we can leverage these settings to get relevant profiling information. The screenshots checkbox makes sure that the profile records screenshots for every frame that was rendered. This gives a good idea of loading order. The memory checkbox hides/shows memory usage details.

You can disable javascript recordings, or enable deeper render information for more relevant profiles.

The network dropdown lets you simulate different network conditions, offline and allows configuration to add custom settings. The CPU dropdown lets you test different CPU conditions simulating slower devices and mobile device performance.