Monitoring your Shopify page speed just got 10x easier

New app allows you to monitor your Google PageSpeed Insights hourly and send alerts based on key targets.

William Belk
Jul 11, 2019 · 8 min read
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Faster page speed is one of the most underrated optimizations a brand can make to their e-commerce shop. Google openly states that page speed is a factor in mobile search rankings. According to Akamai, a 1-second decrease in page load time can increase conversion rate by over 20%. A 1-second page load increase can increase bounce rate by over 50%. These gems should be enough to keep you up at night — well at least until you’ve done everything you can do to optimize your page speed.

Many popular Shopify e-commerce stores are dreadfully slow. Let’s start with a simple list of best practices to use when considering our page speed optimizations, then let’s analyze the performance of some very popular shops.

I just launched my second Shopify app called PageSpeed Monitor. PageSpeed Monitor allows you to track your Google PageSpeed Insights over time. Google’s PageSpeed Insights is a great tool for marketers and developers alike. However, it is cumbersome to use and can be very difficult to digest the complex data that they provide. My new Shopify app improves the experience with Google’s PageSpeed Insights in the following ways:

Shopify Optimization Checklist

Image for post
Image for post
Image for post
Image for post

Let’s look at some popular Shopify stores.

Disclaimer: The data below is from the time of writing.

Allbirds

Image for post
Image for post

You can see that four of the six largest payloads on their mobile homepage represent 3.8 MB of javascript. This is pretty staggering. I suspect they are doing something fancy with their slideshow that skews this a bit, but with a total page payload of ~ 5.2 MB, there is a lot of room for improvement. Interestingly enough, their total desktop payload is only ~ 2.7 MB. Smells like something is a bit rotten in the back of the fridge.

Image for post
Image for post
Allbirds top network requests

Also you can see that their mobile page load speed is VERY unpredictable. Could it be that one of their service providers has issues with server latency?

Image for post
Image for post
Allbirds unpredictable mobile page load speed

Parachute Home

Image for post
Image for post

Like Allbirds, Parachute Home has very unpredictable page load performance.

Image for post
Image for post
Parachute Home mobile page load very unpredictable

The most concerning component of their page load is how long it takes for all javascript to be completed and initialized on mobile. At an average of almost 25 seconds, this could be due to a slideshow carousel with inefficient code or perhaps a service provider that has a faulty or slow endpoint.

Image for post
Image for post
Parachute Home slow mobile page initialization

October’s Very Own

Image for post
Image for post

By far the best performing Shopify store on our list. Across the board, October’s Very Own should serve as a model for page load speed on Shopify. Their site is dead simple—likely too simple for the taste of most brand owners or creative directors. However, their page load speed is really great, and the data seems to indicate that they have a supreme competitive advantage before the marketing and branding games have even started.

They load only ~ 1MB of data on their homepage. This is fantastic and very rare for a popular e-commerce shop.

Image for post
Image for post
October’s Very Own only loads 1MB of page data

All of their mobile page elements are loaded and visible in ~ 4 seconds. This puts them in the top 15% of all sites.

Image for post
Image for post
October’s Very Own mobile pages speed is in top 15% of all sites

Tanner Goods

Image for post
Image for post

Tanner Goods is on the very low end of page load performance for all measures. The two components that are particularly worrying are the total page size in MB and the time to fully loaded and initialized javascript.

They load more than 4.5MB of javascript on their homepage. This is something they would want to look at very seriously.

Image for post
Image for post
Tanner Goods loads 4.5MB of javascript on their homepage

If we look at how long it takes to load and initialize all mobile javascript at ~ 33 seconds, again this is something to look at very seriously. Maybe they are lazy loading continuously in the background. Maybe some of their scripts are still consuming resources and ‘listening’ instead being triggered based on explicit events.

Image for post
Image for post
Tanner Goods mobile javascript loading performance

So there you have it — a new Shopify app, PageSpeed Monitor, to help you monitor and optimize your Shopify page speed, and a simple list that can help point you in the right direction with your upcoming optimizations.

Please take a moment to check out my other Shopify app as well, Image Sitemap—the only Shopify app of its kind that compiles and submits comprehensive image sitemaps in realtime and provides true reporting for Google Image Search indexing.

Follow me on Twitter. Find me on LinkedIn.

HackerNoon.com

#BlackLivesMatter

Sign up for Get Better Tech Emails via HackerNoon.com

By HackerNoon.com

how hackers start their afternoons. the real shit is on hackernoon.com. Take a look

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

William Belk

Written by

People, software and process. https://www.imagesitemap.com — https://www.keywordmonitor.app —https://pagespeedmonitor.app—https://www.rocketfueledpeople.com

HackerNoon.com

Elijah McClain, George Floyd, Eric Garner, Breonna Taylor, Ahmaud Arbery, Michael Brown, Oscar Grant, Atatiana Jefferson, Tamir Rice, Bettie Jones, Botham Jean

William Belk

Written by

People, software and process. https://www.imagesitemap.com — https://www.keywordmonitor.app —https://pagespeedmonitor.app—https://www.rocketfueledpeople.com

HackerNoon.com

Elijah McClain, George Floyd, Eric Garner, Breonna Taylor, Ahmaud Arbery, Michael Brown, Oscar Grant, Atatiana Jefferson, Tamir Rice, Bettie Jones, Botham Jean

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store