Performance and conversion are inextricably connected. Amazon has shown that each 100ms of latency costs them 1% in sales. Walmart chalks up an extra 2% conversions with every second of performance improvement. Any online shopper will tell you that faster is better than slower.
A 2013 study of the effects of mobile web performance on user emotional engagement found that a mere 500 millisecond delay resulted in a 26% increase in user frustration, and an 8% drop in engagement.
A study by Skilled from 2016 found that:
- 79% of customers “dissatisfied” with web performance are less likely to buy again.
- 64% of smartphone users expect a website to load in four seconds or less
- 47% of online shoppers expect webpages to load in two seconds or less
- If your site makes $100K per day, a 1 second improvement in page speed brings an additional $7K in revenue
- A 1 second delay in page load time means 11% loss of page views
- A 1 second delay means a 7% reduction in conversions
Shopify recommends these 12 improvements to optimize your store’s loading speed:
- Use fast and reliable hosting
- Use a CDN
- Use Google Tag Manager for your tracking
- Prioritize testing and optimizing your mobile performance
- Minimize your use of quick view windows
- Minimize the use of Liquid forloops
- Use Shopify’s built-in image size parameters to minimize thumbnail sizes
- Eliminate or minimize homepage hero slides
- Remove any apps you’re not using
- Compress and reduce images in size and number.
- Compress with TinyPNG, TinyJPB, or one of the many Shopify apps available
- Minify your code
- Reduce redirects and broken links
According to Google, the two factors that lower conversions are: the number of page elements, and the number of images.
You can test the loading speed of each of your main store’s pages, with:
- Google PageSpeed Insights (desktop & mobile)
- Google Test My Site (mobile)
To give the impression that pages load faster is with skeleton screens. Unlike animated loading spinners that focus user attention on the fact of data loading, skeleton screens focus user attention on progress instead of wait times.