Share
Explore

Anovo Culinary - Site Speed Audit

Brought to you by Roadrunner () -

Shopify Site Speed Experts.

(see below for breakdown)

Summary
There are a two technical issues that are slowing down Avono’s load time on both mobile devices and on the web.
There is excess/unused Javascript, HTML, and CSS code that is slowing down the site. Whenever you add a plugin to a Shopify site, change the theme, or use third-party scripts (i.e. ad pixels), bits of code are injected into the site. Even if the app/theme/script it removed, the code stays behind. This bogs down it’s load time.
The main-thread is overloaded (i.e. too many tasks, like heavy JavaScript execution, complex CSS code, and third-party scripts, are processed simultaneously when the site loads).
The most efficient fix for these solutions is a codebase audit, whereas unused code is deleted from the site, and excess/complex code is minimized to improve load times.
You would see substantial load time improvements from this optimization, which would positively impact the site’s conversion rate.

Mobile Page Speed Results

image.png
Load time for site on mobile devices: 10.5 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: 6.3 Seconds (industry standard is <1-2s)

Technical issues slowing down site on the web (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.

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 Avono’s load time to be:
Device
Current Load Time
Optimized Load Time
Reduction in Load TIme
1
MOBILE
10.5 seconds
2-3 seconds
~8 seconds
2
WEB
6.3 seconds
1-2 seconds
~4 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.