How can I further improve my product page speed?

[survivalsquadau]

Hi Shopify community,

I've been running some page speed tests recently and trying without much luck to increase the lighthouse score on mobile for my product pages, specicially this page.

My store is running on the Dawn theme, and I've managed to get the page speed score from 38 to 54 (fluctuates between 50 and 54), but I'm at a loss as to how I can improve it any further.

To date, I have:

- Resized images, logos & icons

- Removed Google Adwords script since I'm not currently advertising

- Removed duplicate Analytics properties

If anyone has any further suggestions, it would be much appreciated.

Thanks

Sebastian

[Ugurcan]

Sebastian,

Your score seems very good. 50+ is a good score for mobile. 90+ is a good score for desktop. You can check both in the Lighthouse scoring:

However, there is also perceived speed by users. Your store may not feel fast to users even if your score is perfect. To make your store feel fast, install Turbo speed booster. You can learn more here:
https://apps.shopify.com/pasilobus-turbo

[flareAI]

Hello @survivalsquadau,

This is Gina from flareAI app helping Shopify merchants get $7Million+ in sales from Google Search, on autopilot.

Improving the page speed of your Shopify store can significantly enhance the user experience and potentially boost your sales. Here are several steps you can take to increase your page speed on the Dawn theme.

-> Image compression reduces the file size of an image without altering its dimensions or quality by eliminating redundant data. Utilize tools such as TinyPNG or ImageOptim to compress your images effectively.

-> Minification of CSS, JavaScript, and HTML involves removing unnecessary characters like whitespace and comments from your CSS, JavaScript, and HTML files. This process reduces file size and enhances loading speed. 

-> Enable lazy loading. By implementing lazy loading, non-visible images, and videos are loaded only when the user scrolls through them. This technique significantly improves initial page load times. 

-> Enable browser caching to store certain files on visitors' browsers, eliminating the need to reload them when users navigate to new pages. This reduces server load and speeds up subsequent page loads. Enable browser caching through your Shopify admin under "Online Store" > "Preferences."

-> Evaluate installed apps and scripts on your Shopify store, removing any unnecessary or unused ones. Each app or script adds additional requests and can slow down your store's performance.

-> Utilize a content delivery network (CDN). A CDN helps deliver your store's assets, such as images, CSS, and JavaScript, from servers located closer to your visitors. This reduces file loading time. Shopify has an integrated CDN, eliminating the need for a separate setup.

-> If you have coding skills, optimize your theme code by eliminating unnecessary or redundant code, improving efficiency, and reducing file sizes. It's important to exercise caution and create backups before making any changes to your theme code.

-> Implement Accelerated Mobile Pages (AMP). AMP is a Google initiative that enhances website loading speed on mobile devices. If your store experiences significant mobile traffic, implementing AMP can greatly improve page speed.

-> Regularly test your page speed using tools like Google PageSpeed Insights or GTmetrix. These tools offer suggestions and insights on further optimizing your store's performance.

Let me know if you require any further guidance.

Gina