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

The Google Chrome emulator

We have already discussed a few tools that we can use in Chrome's Developer Toolbar to test a website's performance. Now I am going to discuss how we can use the device mode in Developer Toolbar. The benefits of this feature are that we can use our browser's viewport as a device emulator, and we can test our website's responsiveness.

To turn on the device mode, open Developer Toolbar and click on the toggle device mode icon. When the mode is activated, the icon turns blue and the viewport will transform into an emulator.

The Google Chrome emulator

You can use Chrome's DevTools device mode to:

  • Check the responsive design on different screen sizes 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