List of Figures

 

Chapter 1. Understanding web performance

Figure 1.1. The average rankings of all pages on the Legendary Tones website according to its page download time by Google. Lower values are better.

Figure 1.2. A user’s request for example.com. The user sends the request for the web page via a browser and then must wait for the server to gather its response and send it. After the server sends the response, the user receives the web page in the browser.

Figure 1.3. The anatomy of an HTTP request to example.com.

Figure 1.4. Steps to get index.html from a web server

Figure 1.5. The client’s website in the web browser running from your local machine

Figure 1.6. The location of the Network tab in the Google Chrome Developer Tools window. You can simulate internet connection speeds by using the throttling menu.

Figure 1.7. The Record button must be in the enabled state (red) before you can generate a waterfall chart of assets. The Disable Cache check box should also be selected so that no caching is done when you reload the page to measure the results of your work.