Chrome DevTools Performance Profiler Settings

InstructorPavithra Kodmad

Share this video with your friends

Send Tweet

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.

This lesson is a Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.