PageIndex Insights speed rating for mobile

Technical Q&A
, ,
1

Hi Team, Hope your stores are doing well

28 is my mobile rating on google speed index. How do I do all these changes? How can I minify the codes ?Please explain in details, it’d mean a lot.

Thank You

m8bmir_0-1669274783611.png
m8bmir_0-1669274783611.png737×680 40.5 KB

2

Hi @m8bmir ,
if you can share your store URL it would be much helpful in telling you the exact issues for your store. But from the image you have shared I can see that your store speed is very poor and has a lot of issues.
Some of the major issues you can work on are:

  1. Eliminate render blocking resources: to fix these you need to preload the CSS files and use defer and async attributes to optimize the script files.
  2. Defer off screen images - you need to lazy load the images of your website
  3. Properly sized images: you need to work on the image optimization for your store and make sure that the intrinsic size for your images should not be much greater than the rendered size.
  4. Reduced unused JS & CSS - you need to work on lazyload the script and css files (both from shopify & coming form third party apps), but at the same time you have to make sure that the functionality of your store does not get effected.
  5. Minify CSS and JS files - there are multiple online tools available to minimize your files you can take help from them.
  6. Ensure text remains visible during web font load: you have to optimize the font of your website using font-display: swap css property.
  7. Images do not have explicit height & width: you have to provided proper dimension to your images on the websites.
  8. Minimize main thread work: Work on optimization of the resources coming from the apps and other third party cdns.

So the above 8 points are the major points on which you have to work in order to ensure that you get good speed scores for the website.

NOTE: working on the speed part for the store requires a hefty knowledge of coding in shopify liquid and javascript. So you should hire a developer if you do not have enough confidence to work with the codes. You can let me know if you are willing for speed optimization for your website.

Thanks & Regards
KaalTechGeeks