How can I increase mobile site speed for better traffic?

[NP2023]

I am looking to improve my site speed on mobile.

On computer my speed is good but it really lacks on mobile which is where a high number on my traffic is coming from.

I have tried TOO MANY of the speed apps etc. In the store and have seen no improvement.

website: nerveprf.com

Thank you

[INA_MSWEB · Accepted solution]

Hi @NP2023 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Your website is slowing down, if you can Get Better Results, then you need to optimize your store.

Few Tips to Speed Up your Shopify store-
1. Use compressed images
2. Optimize use of Shopify apps
3. Implement AMP
4. Consider Professional Help
5. Use a single Hero Image
6. Minify Js/Css files

Regards,

San

[INA_MSWEB · Accepted solution]

Hi @NP2023 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Your website is slowing down, if you can Get Better Results, then you need to optimize your store.

Few Tips to Speed Up your Shopify store-
1. Use compressed images
2. Optimize use of Shopify apps
3. Implement AMP
4. Consider Professional Help
5. Use a single Hero Image
6. Minify Js/Css files

Regards,

San

[flareAI · Accepted solution]

Hello @NP2023,

I am Gina from flareAI app helping Shopify merchants get $6Million+ in sales from Google Search, on autopilot. Hope you are having a good day.

Improving the site speed on mobile is crucial for providing a smooth user experience and optimizing conversions. I have a few suggestions to enhance your Shopify store's mobile performance.

1. Compress and optimize your images to reduce their file size without sacrificing quality. Large image files can significantly impact loading times. You can use image optimization tools like TinyPNG.

2. Reduce the number of HTTP requests by combining multiple CSS and JavaScript files into one. You can use a tool like GTmetrix or Google PageSpeed Insights to identify the specific files causing the most requests and work on minimizing them.

3. Leverage browser caching to store static resources, such as CSS, JavaScript, and images, locally on visitors' devices. This allows subsequent page visits to load faster. In Shopify, browser caching is automatically enabled, but you can verify this in your settings.

4. Review your theme and code to identify any inefficiencies or unnecessary scripts that might be slowing down your site. Remove unused code, minimize CSS and JavaScript files, and ensure your theme is lightweight and optimized for speed.

5. Consider using a lightweight and fast-loading theme optimized for mobile performance. Shopify offers a wide range of responsive themes, and choosing one specifically designed for speed can greatly enhance your mobile site performance.

6. Consider Accelerated Mobile Pages (AMP) which is a framework that creates stripped-down versions of your web pages, specifically designed for quick loading on mobile devices. Implementing AMP can improve your mobile site speed significantly. Shopify has AMP integration options and apps available in their app store.

7. Evaluate the apps installed on your store and remove any that are not essential. Each app you install can add extra code and increase page load times. Remove any unused or redundant apps to streamline your site.

If you've already tried multiple speed apps without success, it's worth focusing on the above optimization techniques to address the specific issues impacting your mobile site speed.

Also, refer to this Shopify guide on Improving Shopify store Speed 

Let me know if you require any further guidance.

Gina

[oscprofessional]

@NP2023 : Instead of going for an app to improve speed we recommend that you shall update your theme applying optimization technics.

Generally mobile speed score will be done if :

1. Too many dom elements.

2. Too many JS files in inline js ( this increases TBT )

3. In theme instead of CSS use of JS to handle layout

4. While creating theme if we don't take proper care of image size( should be device specific )

From your screen shot I can see TBT is very high plus FCP is also high indicating too many JS in place.

[Ishan_Makkar]

@NP2023 

Hello,

Improving site speed on mobile is crucial for enhancing user experience and maximizing your mobile traffic potential. If you've already tried several speed apps without seeing any improvement, there are still a few steps you can take to optimize your mobile site speed. Here are some suggestions:

1. Evaluate Third-Party Apps: Review installed apps and consider removing or replacing any that add unnecessary code and slow down your mobile site.

2. Fix Render Blocking:

   • Optimize CSS: Minimize and optimize CSS code, combine files, and consider inlining critical CSS.
   • JavaScript Placement: Place JavaScript files at the bottom of the HTML document, just before the closing </body> tag.
   • Asynchronous and Deferred Loading: Use 'async' or 'defer' attributes for JavaScript files.
   • Critical Resource Prioritization: Load critical resources inline or before non-critical resources.
   • Lazy Loading: Implement lazy loading for images and non-critical assets.

It's important to note that addressing render blocking may require technical expertise. If you're not comfortable making these changes yourself, consider reaching out to a Shopify expert or a developer who can assist you in implementing these optimizations correctly.

[Cedcommerce]

Hello @NP2023, 

You can perform the below tips to optimize your store for mobile devices and increase your site speed. 

1. Full-speed optimization Audit.
2. Check and fix all halting Java scripts, if any.
3. Check and remove apps' obsolete code, if any.
4. Check and optimize all website assets (images, CSS, JS, etc.)
5. Images optimization & compression.
6. Optimize the video section to an optimized version, if any.
7. Apply Lazy loading per section wherever required.
8. Check and defer scripts wherever required.
9. Improve liquid rendering time.
10. Improve Largest Contentful Paint LCP [Web Vitals] as per Gtmetrix.
11. Improve Cumulative Layout Shift [Web Vitals] as per Gtmetrix.
12. Improve TBT - Total blocking time as per GTmetrix.
13. Improve FID - First Input delay.
14. Pre Load critical assets.
15. Handle third-party script [ app ].
16. Font loading.
17. Compress js and CSS files.
18. Apply CDN where required.
19. Lazyload images and iframes.
20. Remove unused JavaScript from the theme.
21. Preload assets where required.
22. Optimise videos and Gif
23. Improve overall page loading time
24. Implement AMP pages if required.
25. Improver overall core web vitals score based on lighthouse policy.

Hope it helps. Let us know if you need further help to optimize your store speed. 

Regards, 

CedCommerce