O'Reilly logo

Mastering JavaScript High Performance by Chad R. Adams

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

Chapter 4. Detecting Performance

In this chapter, we'll cover our work environment and the tools needed; we will also cover the features and JavaScript optimization tools found in the Google Chrome Web Inspector, and create some test samples that show us how to use and test JavaScript and HTML page code.

We will cover the following topics in the chapter:

  • Web Inspectors in general
  • The Elements panel
  • The Network panel
  • The Timeline panel
  • The Profile panel
  • The Resources panel
  • The Audits panel
  • The Console panel

Web Inspectors in general

Before diving in to an in-depth exploration of Chrome's Web Inspector, it's important to note that there are many different Web Inspectors for different web browsers, typically developed by the browser's vendor for debugging a ...

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