Gallery
Share
Explore

Sprayology- Site Speed Audit

Brought to you by
Roadrunner
⁠
- Shopify Site Speed Experts

⁠
Website:
https://sprayology.com/
⁠
⁠
⁠
Link to PageSpeed Test Results
⁠
⁠
⁠

Summary

There are 3 metrics to pay attention when measuring your website’s performance are the Core Web Vitals:
Largest Contentful Paint (LCP): how long it takes for the largest image & text to load on the site. This is the most common way of measuring how long it takes for a site to be fully loaded for a visitor.
Interaction to Next Paint (INP): how quickly a web page responds to any action performs on the website (i.e. clicking a button or typing).
Cumulative Layout Shift (CLS): this is a measure of how “stable” the website is when loading (i.e. do images load in and stay in place or do they shift up/down when loading in the website)

Together, these 3 Core Web Vitals measure the speed, interactivity, and stability of your website. The play a critical role in Google’s ranking algorithm and have strong relationship with your website’s conversion rate and overall customer experience.

In short, websites with better Core Web Vitals have better search rankings, better conversion rates, and an provide a better user experience.

Here are the benchmarks to aim for with LCP, INP, and CLS:
LCP — 2.5 seconds or less
INP — 200 milliseconds or less
CLS — 0.1 or less

Here is the LCP, INP, and CLS for Sprayology:
LCP
Mobile: 5 seconds
Desktop: 2.7 seconds
INP
Mobile: 284 ms
Desktop: 94 ms
CLS
Mobile: 0.01
Desktop: 0

What these results mean:
Slow Loading Time (LCP): The site is taking too long to load, both on mobile and desktop.
LCP stands for how fast the main part of the site shows up.
Ideal load time should be 2.5 seconds or less.
Current load times: 2.7 seconds on desktop, 5 seconds on mobile.
Slow Interaction Response (INP): The site is a bit slow to respond when users interact with it.
INP stands for how quickly the site reacts when someone clicks or types.
Ideal response time should be 200 milliseconds or less.
Current response time: 284 milliseconds on mobile.

This extra load time might seem minimal; however, ecommerce is a game of milliseconds.
53% of online shoppers will leave a website that takes longer than 3 seconds to load (
Google
⁠
)
Bounce rates increase 32% as a website’s loading time increases from 1 second to 3 seconds (
Google
⁠
)
Google mapped the relationship between loading time and conversion rates across 30 websites (900k landing pages in total) Notice how conversion rates dropped drastically for websites that took longer than 3 seconds to load 👇
⁠
image.png
⁠
⁠

Technical Issues hurting the site’s performance:
Too much unnecessary code: The main issue slowing down the Sprayology site is excess or unused JavaScript and CSS code.
Multiple instances of slowdowns: As shown in the screenshot, there are 3 separate areas where this extra code is causing delays.
Why this happens: This is common for Shopify sites like yours. Shopify sites rely on many app plugins and third-party tools (e.g., Google Analytics, Meta Pixel, TikTok Pixel) to function properly.
App code buildup: Each time you install an app, it adds code to your site, and even if you uninstall the app, the code often stays. Over time, this leftover code builds up and hurts your website’s speed.
⁠
image.png
⁠
⁠

How to make the Sprayology website load faster:
Optimize the code: A developer will go through the website’s code and remove any unused or outdated JavaScript and CSS — code that no longer serves a purpose.
Streamline the remaining code: After removing the unnecessary parts, the developer will optimize the remaining code so it runs more efficiently.
Improve the browser’s loading process: This will also help the browser load your website faster. The browser follows a set sequence (called the "main thread", see image below) when loading the site, and when there’s too much extra code, it has to process that first, which slows everything down.
Less code = faster loading: Reducing the amount of code will speed up the browser's operations, leading to a faster website.
⁠
image.png
⁠
⁠

Small improvements in your site’s performance can drastically improve conversion rates.
1 second improvement in page load time will increase mobile CVR by up to 27% (
Shopify
⁠
)
Every 0.1 second improvement in page load time will increase overall CVR by up to 8% (
Deloitte
⁠
)
This is why major ecommerce brands will spend tens-to-hundreds of thousands of dollars on their website’s performance.
Personally, I’ve seen ecommerce websites improve their conversion rates by 50%+ by making their website load faster.

Making your website load faster does more than increase it’s conversion rate.
Improve search rankings: Google is a business too, and they are incentivized to give searchers the best user experience. That’s why site speed is an important ranking factor in Google’s ranking algorithm.
Increase paid marketing performance: faster loading websites will have a lower bounce rate than slower loading websites. Lower bounce rate means lower CPCs (platforms like Facebook and TikTok optimize for better user experiences) and lower CPAs.
More repeat customers: a poor user experience erodes trust and brand loyalty. Shopify found that 79% of customers are less likely to repurchase from an online store if they were “dissatisfied” with the site's speed.

I started
Roadrunner
⁠
to help ecommerce companies maximize their conversion rate through proper site speed optimization. To date, we’ve helped more than a dozen Shopify sites increase their CVR by 20-50% through site speed optimization.

If you’d like to learn more about our site speed optimization services:
Connect with me on
LinkedIn
⁠
⁠
(or)
Send me an email
kris@tryroadrunner.com
⁠
(or)
Visit our
website
⁠
⁠
⁠

Site Speed Audit Results - Screenshots

Mobile
⁠
image.png
⁠
⁠

Desktop
⁠
image.png
⁠
⁠



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.