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
Also check out Neil Patel’s infographic on how loading time affects your bottom line
How fast is your store loading?
So, what’s the advice?
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)
One of the members of my Ecom Convert group suggested this:
A less technical work-around is to install a ‘Please wait while page is loading…’ modal popup or separate page to display until all elements of the checkout page are loaded. With a Font Awesome spinning cog or a light animated gif, the customer will stare at it and patiently wait until the page is loaded.
Otherwise, you can give the impression that pages load faster 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.
And GrowCode recommends this: (source)
- Utilize page caching
- Optimize images and CDNs (content delivery networks) to serve static content
- Limit redirects
- Minimize scripts
- Compress images