O'Reilly logo

Mobile Web Performance Optimization by S. Niranga

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A browser's DevTools performance

In the Google Chrome web browser, Developer Tools (press F12 or Ctrl + Shift + I to open the DevTool) provides an overview report about your web application's loading time, such as how long the browser has taken to process DOM events, paint elements to the screen, or render the page layout. It allows you to go deep into your application's events, frames, and actual memory usage, and it will help you to identify the root causes of your application's slowness.

Right now, we are going to have a look at the frame mode, which allows you to see how the browser performs when generating a single frame. By default, the timeline won't show any data, and you can record a session with the tool by opening your application and ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required