Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hey everyone,
I am looking to improve my page speed results here are my results so far:
I am a bit confused with everything, for example with redirects I have removed all redirects to the home page but the result has not changed?
I've also tried fixing the LCP error but haven't gotten very far with it, only change that I made that reduced it a little bit was compressing the jpg of the hero banner.
I would love some guidance/assistance with this, thank you!
Can you share with me your store URL to investigate further on your optimization?
Thank you
Apologies for the delayed response, the url is: streamshopau.com
Hi,
It looks like you're facing performance-related issues on your Shopify website, specifically with redirects and Largest Contentful Paint (LCP). Here's a step-by-step approach to help you troubleshoot and resolve these problems:
1. Redirects Issue:
Even though you’ve removed redirects to the homepage, other redirects might still exist within your site structure or from third-party services. Here’s what to check:
All page redirects: Double-check that there are no redirects present on product, collection, or category pages.
Third-party services: Ensure that services like analytics, chatbots, or advertising pixels aren’t causing unwanted redirects. These can often add delays.
2. LCP Issue (Largest Contentful Paint):
LCP is often impacted by large image load times, especially when the hero image is involved. Here are a few steps to further optimize:
Use optimized image formats: Switch to more efficient image formats like WebP instead of JPG. WebP offers smaller file sizes without sacrificing quality.
Lazy-load images: Ensure that images below the fold are lazy-loaded. This prevents them from blocking the initial page load and can significantly improve LCP.
After making these changes, retest your site’s performance with Google PageSpeed Insights to check the impact on LCP score. This will help you get actionable insights into further optimizations.
Alternative, If you’re looking for a quicker solution, consider using Website Speedy, a speed optimization app for Shopify. It automates the optimization process and Improve the LCP score, making it easy to improve your store’s performance.
The app takes only 5 minutes to set up, and you can enjoy a 14-day free trial to see how it impacts your site’s performance.
You can install it here: https://apps.shopify.com/website-speedy
(Disclaimer: We are the developers of this tool and are happy to answer any questions you may have.)
Thank you so much for the comprehensive answer, will go through the first through suggestions. Saw a few videos on the lazy loading but was unable to add the code in, every time I attempted to do so I would get errors.
Hi,
You’re very welcome! I’m glad the suggestions were helpful. Regarding the lazy loading issue, I completely understand how frustrating it can be when adding the code causes errors.
If you'd like, I can walk you through the process step-by-step or help troubleshoot the specific issue you’re encountering. Sometimes even small syntax mistakes can cause unexpected errors, but we can usually spot them easily. Let me know if you’d like to dive into that, and I’d be happy to assist!
Alternatively, if you prefer a more automated solution, I can suggest apps that could simplify the process for you.
Yes please that would be amazing I really appreciate it, I've looked at a few tutorials and they were able to just add the code loading: "lazy" to the page but in the place where they add this I have the code fetch_priority: fetch_priority so not sure what to do. Or even if I am in the right place.
Hi,
You can add loading: "lazy" alongside fetch_priority: fetch_priority in your code. Modify the part where image_tag is used like this:
| image_tag: sizes: sizes, widths: widths, fetchpriority: fetch_priority, loading: "lazy"
This will ensure that the image loads lazily while still respecting the fetch priority setting. Let me know if you need further adjustments!
Hi @StreamShopAU ,
1 Fix Redirects – Remove unnecessary redirects in Shopify Admin > Navigation > URL Redirects.
2 Optimize LCP (20.5s) – Convert the hero image to WebP, preload it, and enable lazy loading for other images.
3 Reduce JavaScript Blocking (4.5s) – Defer non-essential scripts (async/defer), remove unused apps, and minify JS.
4 Fix Third-Party Delays (7.1s) – Optimize tracking scripts (use Google Tag Manager), remove extra widgets, and load chatbots after page load.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025