I need to imrove the page speed for my shopify store highnoteperformance.com
The current Google page speed score is 32/100 for mobilke devices and 40/100 for desktop devices.
Any suggestions how i can imporve here.
The javacripts runniong are all important and i cannot remove those scripts.
Looking on index:
You have 3MB of images. This is overkill especially on mobile. The slideshow is loading 5 large images, probably worth 1MB. Kill it with fire! Use something smarter that will load the first image by default and then lazy load the rest.
Implement responsive images https://jakearchibald.com/2015/anatomy-of-responsive-images/. This is quite well supported and will do help a lot on mobiles.
There are 37 JS files. I am sure that all are important but not all run on index. For example fancybox.js I do not think it should be on index.
Lots of the JS files can be async, at least they do not block the initial render.
Overall I would rethink the site functionality, lots of things are moving and flashing around. Things that are only important and appreciated by designers. Users could not care less, they want a fast experience.
Mircea has given such an amazing and thorough answer, so I wanted to share this Shopify blog post to expand on this- https://www.shopify.com/enterprise/60726275-page-speed-are-slow-loading-pages-killing-your-growth and this one too on how to improve your image optimisation- https://www.shopify.com/blog/7412852-10-must-know-image-optimization-tips !
There are also a couple of apps in the app store ( https://apps.shopify.com/imagerecycle-image-compression ) and ( https://apps.shopify.com/minifier) which you are welcome to look at too!
I hope this helps :)