Updated February 6, 2019
A faster eCommerce site improves your SEO, conversion rate, engagement, traffic and sales. Nice!
Here are some actionable tips you can do today to make your Shopify site faster.
1. Image Optimization
Images are usually the most significant factor in page load speed because they’re heavy. Here are some tips to optimize your images.
- Use an app like Crush Pics to automatically compress your images while keeping image quality. We have a Crush Pics setup guide here.
- Use correct image formats – Save photographic images as JPG and not PNG (we’ve seen a simple switch to JPG on a PNG photo save 80% file size). Usually PNG or SVG are best for graphics, while JPG is best for photos.
- Make sure your theme is loading the correct size images. If you see a GTmetrix warning for “serve scaled images”, this usually means your theme is loading larger than necessary images.
2. Lighten The Load
It’s fun play with apps and features, widgets, sliders, etc, but every loaded element contributes to page speed.
- Use a single hero banner image instead of a slider plugin with multiple images.
- Think about what you want to accomplish on each page and cut back the excess elements that don’t contribute to that goal.
- The best way to lower your page weight without removing items is to use Lazy Loading.
- Load fewer elements in your carousels and collection pages. Try showing around 20 products on collection pages instead of 30 or 40+. Side bonus you get more page views.
- Minimize the use of widgets like carousels, sliders, apps, etc.
3. Do an App Analysis
We analyze the details of apps and the files they load in our App / Error Analysis service, but a non-codey method you can do is take a look at each of your apps and decide if you really need it.
Look at the stats and ROI, either in the app or Google Analytics.
Example #1: If you have a Wishlist app, check the analytics and see how many people use the wishlist and if they are converting into sales. If not, consider whether it’s important enough to keep.
Example #2: If you have an upsell app but it barely provides any sales, it’s just contributing to page load, costing money, and distracting from the key goal of the product page – making sales.
Example #3: If an app provides a feature that could be hard coded into the theme, look into a custom solution so you’re not relying on 3rd party resources.
Check out our post 3 Easy Tips to Make Your Blog Posts Faster and Rank Better.
Use Google AMP (Accelerated Mobile Pages) to make your mobile search results pages load instantly. You can automate the process with an AMP app – Here’s a detailed AMP Guide for Shopify to learn more and get setup quick.
Compress and optimize your images, keep your site lean, and limit your apps to the key performers.
If you’d rather have us handle your optimization, check out our Shopify performance optimization services.