The speed of my Shopify website for mobile is dreadfully slow. On analyzing on google's page speed insight I found that it is Shopify's code that is slowing down the speed. How do I resolve it?
Unfortunately, there isn't much that can be done about the code coming from 3rd party resources. Since the code is inaccessible to everyone outside of the code's developers, it makes it impossible for anyone else to optimize these scripts.
However, I did find some optimization opportunities by running your homepage through the Shopify Analyzer. It's a free tool our team built for the Shopify community. You can check out your full report here: https://analyze.speedboostr.com/result/g09h88vm8j.
Your main issue looks to be related to lazy loading. Adding or improving lazy loading on your site can really boost performance in many cases. If you're unfamiliar with what lazy loading is, it waits to load images until they come into a user's view. This way you aren't loading all your images up at once.
We have a great article that'll help walk you through implementing lazy loading if you'd like to handle this yourself: How to Lazy Load Images on Shopify to Make Your Site Faster.
I hope this helps. If you need any more help, feel free to reach out to our optimization team at speedboostr.com/contact.
You realise the 'third party' in that screenshot is 'Spotify'?
Possibly not, judging by the tone and content of your response.
Since the code is inaccessible to everyone outside of the code's developers, it makes it impossible for anyone else to optimize these scripts.
In this case, you would be the code developers.
@kissaninc: I wouldn't hold my breath waiting for any signifcant adjustments in the myriad of fails they currently sport. The easiest way to avoid that delay on page loads is to use a more proven codebase, in terms of performance. You don't get any choices on this matter with your current supplier, I advise to change it.
Assistance can be provided pro bono if required.
Not all of the Shopify code listed within that screenshot is available to outside developers. I do not work for Shopify.
Sure, you can access the code coming from the /assets folder, but that's only 2 of the 5 files being flagged in the screenshot.
There are also references to 3rd party files coming from Google Tag Manager and Facebook. Can't access those either.
Shopify is one of the best eCommerce platforms that offer a variety of opportunities to attract more visitors to online stores, provide them with the best services and convert them into regular customers. Your website may be beautifully designed, have many features, and offer the most competitive terms of purchase and delivery. But if your site is slow, none of these benefits matter. Your potential customers will leave without making a single purchase. The performance of Shopify websites mainly depends on the servers, custom functionality, and everything running on the frontend.
There are a few ways to speed up the Shopify website for mobile:-
Hope this is helpful for you if you need more support then you can connect with us.