My teammate Alan's been running a weekly livestream on his YouTube channel, focusing on topics of interest to eCommerce websites. He asked me to come on this week and perform a site performance audit.
Since I'm currently homebound due to Coronavirus concerns in NYC, I haven't had the chance to perform any in-person site audits in a while. Going through the process via a livestream was a great opportunity!
The review process took about 50 minutes (I'd recommend watching at 2x playback speed...) and covered some relevant findings from WebPageTest.org and Lighthouse.
Lightly edited from the notes I took during the review.
- 11 seconds for main content to load — what's loaded beforehand?
- How many of the widgets/analytics tools can be lazily-loaded (or potentially removed, if appropriate)?
- HTTP cache expiration best practices.
- Use the Coverage panel in Chrome Dev Tools to evaluate how much of your JS/CSS in the critical request path is being used
- Q: Can they get away with loading Google Maps static images instead of Google Maps widget? Answer: yes, they can.
- Always click on the "Learn More" link in Lighthouse for additional context!
- Zach Leatherman's guides to loading web fonts are great.