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

Performance tools in Firefox, Safari, and IE

We discussed Google Chrome's Developer Tools, which we can use to debug our website. However, if you are an IE, Safari, or Firefox user, don't worry, as those browsers offer their own developer's toolbar for developers as well.

Firefox Developer Tools

The same as Chrome, Firefox has a feature called paint flashing, which can be used to find the areas that require repainting. When we turn this feature on, it will tint each region with a random color so we can identify the section easily. Regions that have a heavy paint flashing are the areas that we have to worry about. So, we have to minimize them as much as possible.

To enable paint flashing:

  1. Open Firefox.
  2. Type about:config in the address bar and press ...

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