Gallery
Share
Explore

Frida - Site Speed Audit

Brought to you by
Roadrunner
⁠
- Shopify Site Speed Experts

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

Summary

There are 3 metrics to pay attention to when testing a website’s load time & performance:
First Contentful Paint (FCP) time: how long it takes for the first pixels to load
Largest Contentful Paint (LCP) time: 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.
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 FCP, LCP, and CLS have a strong impact a website’s conversion rate, organic ranking, paid marketing performance, and overall customer experience.

Here are the results of the audit:
The Frida site has an above average FCP on mobile and desktop devices.
The Frida site has an above average LCP time on mobile and desktop devices.
The Frida site has a below average CLS on mobile and desktop devices.

The recommended CLS score for an ecommerce site is <0.1 on mobile and desktop devices. Frida has a CLS score of 0.16 on mobile devices and 0.21 on desktop desktop devices.

What is CLS?
CLS measures how often users experience unexpected shifts in a webpage's layout as it loads. For instance, when you’re reading an article and an image or ad suddenly loads and pushes the text down, that's a layout shift.

Why is it important?
A good user experience requires a stable page. If elements on the page shift as the user interacts with it, it can lead to frustration or even accidental clicks, which harms the overall experience. Google considers CLS important for ranking websites in search results.

It’s recommended that any site with a CLS score above 0.1 be optimized to improve it’s stability.
Reducing your CLS score can help improve the website’s search ranking and overall user experience, which will increase conversion rates.

To reduce the CLS, you can:
Ensure images have size attributes: Define the width and height in the HTML to reserve space.
Preload fonts: This prevents layout shifts caused by fonts loading late.
Avoid inserting content above existing content: Unless in response to a user action.
Use dynamic placeholders for ads or embeds so that space is reserved even before they load.

Why optimize the Frida Shopify site’s performance?
Not only would the site’s stability improve, but it’s loading time would decrease as well.
Ecommerce is a game of milliseconds. Online shoppers are impatient, and each additional second of website load time will negatively impact conversion rates.
Optimizing the site — specifically it’s code — will have positive effects on loading time, which will increase 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
⁠
)

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:
Click here to contact me on LinkedIn
(or)
Send me an email
kris@tryroadrunner.com
⁠

⁠

Mobile Page Speed Audit

⁠
image.png
⁠
⁠

Results

First Contentful Paint: 1.1 seconds
Explanation: First Contentful Paint (FCP) measures how long it takes for content to start appearing on a website. This is typically an empty box or plain text. It’s the first pixels rendered in for the site.
Optimal time for ecommerce sites is < 1.8 seconds.
Largest Contentful Paint: 2.4 seconds
Explanation: Largest Contentful Paint (LCP) measures how long it takes for a website to display its biggest single content element. It's one of the most common ways to measure page load time.
Optimal time for ecommerce sites is < 2.5 seconds.
Cumulative Layout Shift: 0.16
Explanation: Cumulative Layout Shift is a measure of how “stable” your website it after it first renders. A website that has content shift down as more object load will have a higher score. Cumulative Layout Shift is one of the core ranking factors for Google.
Optime score for ecommerce sites is < 0.1.

Technical Issues

⁠
image.png
⁠
Reduce Javascript execution time / Reduce unused Javascript
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.
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.
Optimize Largest Contentful Paint (LCP)
The LCP takes up a considerable amount of main thread resources when loading. As a result, it needs to be optimized through image compression, preloading important page elements, and eliminating unused CSS and Javascript files.
Reduce the impact of third-party code
Third-party scripts, such as ads, analytics, and social media widgets, can slow down your site. Delaying the firing of analytics, or deferring them from using the main thread, can improve performance.
⁠

Desktop Page Speed Audit

⁠
image.png
⁠
⁠

Results

First Contentful Paint: 1 seconds
Explanation: First Contentful Paint (FCP) measures how long it takes for content to start appearing on a website. This is typically an empty box or plain text. It’s the first pixels rendered in for the site.
Optimal time for ecommerce sites is < 1.8 seconds.
Largest Contentful Paint: 2.4 seconds
Explanation: Largest Contentful Paint (LCP) measures how long it takes for a website to display its biggest single content element. It's one of the most common ways to measure page load time.
Optimal time for ecommerce sites is < 2.5 seconds.
Cumulative Layout Shift: 0.21
Explanation: Cumulative Layout Shift is a measure of how “stable” your website it after it first renders. A website that has content shift down as more object load will have a higher score. Cumulative Layout Shift is one of the core ranking factors for Google.
Optime score for ecommerce sites is < 0.1.

Technical Issues

⁠
image.png
⁠
Reduce Javascript execution time / Reduce unused Javascript
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.
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.
Optimize Largest Contentful Paint (LCP)
The LCP takes up a considerable amount of main thread resources when loading. As a result, it needs to be optimized through image compression, preloading important page elements, and eliminating unused CSS and Javascript files.
Reduce the impact of third-party code
Third-party scripts, such as ads, analytics, and social media widgets, can slow down your site. Delaying the firing of analytics, or deferring them from using the main thread, can improve performance.

It’s common for the same technical issues to affect the site on mobile and on the web. The issues are extenuated on mobile due to the lower processing power.
⁠

Ecommerce Site Speed Statistics

Anyone selling products on the internet should think about their website’s speed. It’s the biggest lever any ecommerce business can make to increase sales and revenue.

And the research backs it up:
Improving a website’s load time by 1 second can increase mobile conversion rate by up to 27% (
Shopify
⁠
)
Improving a website’s load time by 0.1s can increase overall conversion rates by up to 8.4% (
Deloitte
⁠
)
A site that loads in 1 second has an e-commerce conversion rate 2.5x higher than a site that loads in 5 seconds (
Portent
⁠
)
47% of customers expect a webpage to load in 2 seconds or less (
Cloudflare
⁠
)

Let’s make it real with an example. Let’s say an ecommerce site get’s 100,000 visitors per month and has a 3% conversion rate.

If that site is optimized for speed, and see a 20% increase in conversion rates, it would go from 3000 sales/month to 3600 sales/month. At an AOV of $30, that’s an addition $20,000 per month in sales for every 100,000 visitors.

Site speed is important.

That’s why I started
Roadrunner
⁠
, a done-for-you site speed optimization agency helping Shopify brands improve their online performance.

Our process is simple, straightforward, and requires no downtime for the website at all.

If you’re interested in learning more about the work we do at Roadrunner, please reach out to my on my
LinkedIn
⁠
or via email (kris@tryroadrunner.com).

Best,
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.