Home Guide Tips to Boost Speed of Shopify Website

Tips to Boost Speed of Shopify Website

Shreya Bose, Technical Content Writer at BrowserStack -

Shopify is one of the most popular e-commerce platforms on Earth, occupying almost 20% of the market. It is only beaten out by WooCommerce and surpasses competitors like BigCommerce, Wix, Magento, and Weebly.

For anyone looking to succeed with an online store, a Shopify site is almost mandatory. However, like every other website, a Shopify site needs to be optimized for high page load speeds. A slow Shopify site will repel users and severely hamper traffic, revenue potential, and credibility.

This article will take readers through a list of Shopify speed optimization tactics. Implement them to offer customers the best possible user experience.

4 Tips to Speed Up Shopify Site

1. Use compressed images

Images are extremely valuable when it comes to increasing the visual appeal of any website. When it comes to an online store, well-placed images of each product are necessary so that customers know exactly what they are getting when they make a purchase.

However, high-resolution images generally tend to be larger files and can slow down page load speeds significantly. On the other hand, one cannot really compromise on image quality when uploading images.

Recommendations:

  • In order to reduce image sizes without adversely affecting image quality, opt for lossless compress. Use a tool like JPEGmini or Kraken.io to compress images before uploading them to a website.
  • In case the images are already uploaded to the website, use one of the many Shopify apps that can help with compression of images in a Shopify store.
  • Image size depends on the dimension and the quality of the image. Because of this, it is best to upload images of the exact dimensions required for that page. For example, if the home page banner dimensions stand at 1500 X 500, then upload an image with exactly those dimensions.
  • Shopify recommends 2048 X 2048 for product images so that image quality is not distorted when someone zooms in. However, if someone uses multiple images of this dimension, it may slow down the page. In that case, 800 X 800 images work just fine. This will go a long way to speed up Shopify sites.

2. Optimize use of Shopify apps

Anyone running a Shopify store knows that they have to use a multitude of third-party apps. But many of these apps run scripts on web pages which reduce Shopify page speed.

Take a look at the apps. Are all of them in use? Are all of them helping the business? If not, delete them.

However, once an app is uninstalled, it does not completely disappear. Once an app is installed, it adds its own code to the Shopify website code. They basically inject their code into the website in order to function.

Recommendations:

  • On uninstalling an app, the injected app is not eliminated automatically. In order to prevent the code from making Shopify slow, it has to be manually removed. Excess bloat on website code will slow down page load speeds.
  • Additionally, certain apps add new elements to Shopify store pages. If possible, restrict these elements to pages where they are absolutely necessary. For example, if an app provides floating trust badges on the store, use them only on product pages because that is where they are really required.

3. Implement AMP

Accelerated Mobile Pages or AMP was created by Google to speed up the mobile web. This app converts sections of a Shopify store to AMP, and indexes these pages with Google to facilitate almost instant page load time, faster mobile page loading, and higher placements on mobile search results.

Check your Mobile Page Speed Score

By 2021, mobile eCommerce sales are expected to constitute 54% of total eCommerce sales. Hence, Shopify sites must be mobile-friendly and every web page must load with lightning-fast speed. AMP enables this, and thus enables users to access websites quicker on mobile devices.


Read More: Why Mobile Page Speed Tests are Important


Recommendations:

AMP cannot be implemented natively in Shopify. Users have to use an app such as Shop Sheriff, FireAMP, or RocketAmp Apps.

Be warned, implementing AMP does require a little work, but absolutely worth the result – fast loading pages on mobile devices.

4. Consider Professional Help

There are a couple of issues that are best left to seasoned Shopify developers to increase Shopify site speed. A couple of these issues are:

  • Eliminating render-blocking JavaScript and CSS: In JavaScript/CSS heavy websites, certain batches of JS and CSS code can increase page load times, as well as block the rendering of the page.A browser has to load the JS scripts and CSS before loading the rest of the HTML on the web page. Consequently, users with slower internet have to wait longer for the page to load. Hence, these scripts and stylesheets are called render-blocking JavaScript and CSS. In order to fix this, the page has to load scripts according to priority.
  • Minifying HTML and JavaScript: Every website loads multiple files with CSS, HTML, and JavaScript. Most of these files include space, comments, Block delimiters, and the like. Naturally, this leads to the page needing extra time to load properly.Compact the HTML code as well as any inline JavaScript and CSS. This saves data and speeds up page loading. Generally, this is best done with professional personnel.

Also Read: How to reduce page load time in Javascript


If a slow Shopify site is a concern, then the points discussed in this article need to be implemented immediately. Once the optimization is complete, the site needs to be tested to ensure that it is as fast as expected.

The best way to do this is to use SpeedLab, a free tool by BrowserStack designed for website speed test. Simply enter the website URL, click Start, and the tool will test the site on a range of real browsers and devices. After the test is completed, the user will receive a detailed report on the website’s performance on a variety of the latest devices – both desktop and mobile.

Remember, users do not want to sit around and wait for a catalog or cart to load. They have multiple other sites to choose from, and they will exercise their right to choose if they encounter a slow website. Therefore, optimize the speed of your Shopify site, and watch the quality of user experience go right up.

Try SpeedLab for Free

BrowserStack Logo Test Instantly on 2000+ Real Devices & Browsers Get Started Free