Performance auditing an eCommerce site
Alan's weekly eCommerce livestreams
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 site review
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.
We choose the site, https://threddies.com/, "at random" based on folks who volunteered. I think it ended up being fairly representative of the types of issues a lot of sites encounter.
Lightly edited from the notes I took during the review.
Tools used:
Observations
- 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.