High Performance Mobile Web

Chapter 12. Mobile Web Performance Checklist

We’ve covered a huge number of techniques throughout this book. Now it’s time to see all of them at once, in the form of a checklist that you can use for every web project you are working on.

The checklist will be updated with more techniques over time on this book’s website at http://highperfmobile.com.

Basic Data

In this section of the checklist, you will gather some metrics from different sources that will help you see later if you’ve improved the performance. If you look at Chapters 3 and 4, you will find details on how to get these metrics.

For a desktop viewport (>900 px):

• Time to first byte (ms)

• Start render (ms)

• Speed Index on initial view

• Speed Index on repeat view

• Page load time on initial view

• Page load time on repeat view

• Page speed insights score

For a tablet viewport (600–800 px):

• Time to first byte (ms)

• Start render (ms)

• Speed Index on initial view

• Speed Index on repeat view

• Page load time on initial view

• Page load time on repeat view

For a mobile viewport (320–400 px):

• Time to first byte (ms)

• Start render (ms)

• Speed Index on initial view

• Speed Index on repeat view

• Page load time on initial view

• Page load time on repeat view

• Page speed insights score

Also, it’s important to see if you can create your own custom metric to get a “Time to First Meaningful Interaction” based on what that means for your content. In this case, you will define how to calculate that metric using ...