Solved

How can I increase mobile site speed for better traffic?

NP2023
Shopify Partner
13 0 4

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

 

7a9188719281dc36804a69e908410812.png

Accepted Solutions (2)

SAN_MSWEB
Shopify Expert
1094 130 136

This is an 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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

View solution in original post

flareAI
Shopify Partner
2405 223 538

This is an 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

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing

View solution in original post

Replies 5 (5)

SAN_MSWEB
Shopify Expert
1094 130 136

This is an 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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

flareAI
Shopify Partner
2405 223 538

This is an 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

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing

oscprofessional
Shopify Partner
15897 2378 3084

@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.

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

Ishan_Makkar
Shopify Expert
115 7 8

@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.

Shopify Expert Since 2012
Sr. Web Solution Manager at MakkPress Technologies
Website Speedy (SAAS tool for Shopify Speed Optimization - Trusted by over 300 Shopify store owners)
Contact Us or Hire Us Or Email Us

Cedcommerce
Shopify Expert
718 76 112

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

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here