3 Quick Wins for Shopify Speed Optimization

2018-12-18T13:54:25+00:00April 17th, 2018|Performance Optimization|0 Comments

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.
  • 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.
  • 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.

2. Lighten The Load

It’s fun play with apps and features, widgets, sliders, images, etc, but every loaded element contributes to page speed.

  • Think about what you want to accomplish on each page and cut back the excess elements that don’t contribute to that goal.
  • 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.
  • If you have Quick View / Quick Shop enabled (for example on collection pages where you click a button and the product pops up instead of goes to product page), this is also loading the details of each product on that page. Disabling this will save a lot of requests/resources.
  • Use a static banner image instead of a slider with multiple images.
  • Minimize the use of widgets like carousels, sliders, etc.
  • A great way to lower your page weight without cutting anything is to add Lazy Loading.

3. Do an App Analysis

We analyze the details of apps and the files they load in our App / Error Analysis service, but a quick hit 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: If you have a Wishlist app, check at 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.

Another angle to look at – If an app provides a function that could be hard coded into the theme, look into a custom solution so you’re not relying on 3rd party resources.

Summary

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 here.

About the Author:

Joe's a Shopify Expert, eCommerce entrepreneur, and the founding architect of Speed Boostr. Outside of tech he's into travel, trees, books, and music 🤙

Leave A Comment