Share
Explore

Poppi - Site Speed Audit

Brough to you by Roadrunner () -

Shopify Site Speed Experts.

(see below for breakdown)

tl;dr
There are two technical issues that are slowing down the Poppi site both on mobile devices and on the web.
“Main thread overload” - there are too many tasks, like heavy JavaScript execution, complex CSS code, and third-party scripts being process simultaneously when the website loads, slowing it down.
“Excess/unused Javascript code” - Javascript, HTML, and CSS code tends to accumulate on Shopify sites over time. Every plugin, theme, or third party script (i.e. Klayvio, ad pixels, etc.) injects code into the site. Even if these plugins, themes, and scripts are removed from the site, the code stays behind. This code must be loaded every time someone loads the site. This slows down the process.
Currently the site is loading around 12.9 seconds on mobile and 5 seconds on desktop.
According to research conducted by and , the industry standard for page load time in ecommerce is below 2-3 seconds on mobile and 1-2 seconds on desktop.
Every second of additional load time will negatively impact an ecommerce site’s performance. They’ll suffer from lower conversion rate, higher bounce rate, worse SEO, high advertising costs, and lower repeat purchase/customer loyalty.
The best optimization for the Poppi website would be a codebase audit where a developer would removed and/or minimize the heavy Javascript code in the site.
This process doesn’t affect the site’s functionality at all and does not require any downtime for the site.
With proper optimizations, the site’s load time would like decrease to <1s on web and <3s on mobile, which would have positive affects on conversion rate, bounce rate, and more.

Mobile Page Speed Results

image.png
Load time for site on mobile devices: 12.9 Seconds (industry standard is <2-3s)

Technical issues slowing down site on mobile (numbers correspond with picture):

1) Reduce Javascript execution time
In short, this means that there is a substantial amount Javascript, HTML, and CSS code that is slowing down the site. There are four ways that Javascript code can accumulate on your site: when you connect a new Shopify app, when you use certain themes, when you use third-party scripts such as Facebook Pixel or Google Analytics, and if you have custom code on your site. The biggest culprit is Shopify apps. Each app “injects” a bit of code into your site. Even if the app is deleted, the code it injects stays behind. Over time, this code will slow down your site’s load time.

2) Minimize main-thread work
Main thread overload happens when too many tasks, like heavy JavaScript execution, complex CSS code, and third-party scripts, are processed simultaneously. This slows down the site’s load time. The best way to fix this is to delete unused Javascript, compress essential Javascript code, and remove unnecessary third party scripts.

Web Page Speed Results

image.png
Load time for site on mobile devices: 5.0 Seconds (industry standard is <1-2s)

Technical issues slowing down site on mobile (numbers correspond with picture): same as mobile

1) Minimize main-thread work
Main thread overload happens when too many tasks, like heavy JavaScript execution, complex CSS code, and third-party scripts, are processed simultaneously. This slows down the site’s load time. The best way to fix this is to delete unused Javascript, compress essential Javascript code, and remove unnecessary third party scripts.

2) Reduce Javascript execution time
In short, this means that there is a substantial amount Javascript, HTML, and CSS code that is slowing down the site. There are four ways that Javascript code can accumulate on your site: when you connect a new Shopify app, when you use certain themes, when you use third-party scripts such as Facebook Pixel or Google Analytics, and if you have custom code on your site. The biggest culprit is Shopify apps. Each app “injects” a bit of code into your site. Even if the app is deleted, the code it injects stays behind. Over time, this code will slow down your site’s load time.

Proposed Optimizations

The best optimizations to fix these technical issues would be a codebase audit.
The first step would be to delete any unused Javascript code on the site and reduce the size and complexity of necessary JavaScript files. Most Shopify apps and themes inject code into the site, and this code remains even if the app is removed or theme is changed. Every so often, a developer needs to go through and optimize the code for efficiency.
The second step would be to go through your HTML code and remove any extra tags or elements that don’t serve a purpose. This makes the webpage lighter and faster to load.
This is a very common optimization that needs to be done periodically for every Shopify site. Over time, as we change our sites theme, add plugins to the site, connect more advertising pixels, etc., code accumulates under the site. Even if we revert the changes made in the theme or uninstall apps, the code often stays behind.

Resulting Benefits

If properly optimized, here is what you would expect Poppi’s load time to be:
Device
Current Load Time
Optimized Load Time
Reduction in Load TIme
1
MOBILE
12.9 seconds
2-3 seconds
10 seconds
2
WEB
5.0 seconds
1-2 seconds
3 seconds
There are no rows in this table
Research shows that every 1 second decrease in a Shopify site’s load time can:
Increase mobile conversion rates by 20-50%
Increase overall conversion rates by >10%
Increase customer loyalty and repeat purchases by ~80%
Increase SEO ranking (site speed is an important factor in Google’s ranking algorithm)
Decrease cost-per-click on paid advertising

Overall, the optimization would improve both bottom line and top line numbers, as well as improve user experience on the site.

If you’d like to learn more about our Shopify Site Speed Optimization Services at , please contact me at or via .

Thank you,
Kris



Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.