List of Tables

Chapter 1. Understanding web performance

Table 1.1. A comparison of page-load times across various devices. Results vary depending on the amount of data and the display density of the device.

Table 1.2. A comparison of text assets on the client’s website before and after the application of server compression

Table 1.3. A comparison of image sizes before and after their optimization using the TinyPNG web service

Table 1.4. A comparison of page weights for the client’s website for various device types before and after optimizations have been made

Chapter 3. Optimizing CSS

Table 3.1. Selector types used in the test, and examples of those selectors in the test

Table 3.2. Benchmark results of CSS transitions vs. jQuery’s animate method in Google Chrome

Chapter 4. Understanding critical CSS

Table 4.1. Critical components and their related parent container selectors. These selectors can be used to search for styles for the components in the site’s LESS files.

Chapter 5. Making images responsive

Table 5.1. You can choose an Image format based on the type of content for your site. Each image for mat varies in color restrictions, image type, and compression category. (Full color indicates a range of 16.7 million or more colors, 24/32-bit.)

Table 5.2. Images, their resolutions, and their target media query breakpoints in the website’s CSS

Table 5.3. Background images for the #masthead selector in the CSS, their resolution, and the high DPI screen media queries