Speed Optimization Of Shopify Store
I need help with optimizing speed for my shopify store. It loads fine but if I check in Google Pagespeed the stats are 64 / 100 for mobile and 79 / 100 for desktop. I compressed some images, uploaded them to assets but it still picks up the cached version. I tried minifying CSS but no luck. Store link is https://crown-and-clutch.myshopify.com/
1) How can I flush shopify cache to get latest changes?
2) What can I exactly do to increase google page speed score?
Thanks.
Answer
Your scores are too generous. 79 for desktop, way too high considering how poorly the page is designed.
Total of 145 files to create one page.
It takes the Browser 9 seconds to render all that crap.
Your biggest issue is 1,114,524 bytes of JavaScript in 45 files.
And the JavaScript is compressed meaning there is likely more then twice as many bytes. FireFox says 3,700,000+ bytes of JS
Probably none of the JavaScript is needed. For example google maps JS is loading. Yet no maps on the page.
The transmission speed and configuration of your server is okay.
It's just a horrific design.
Just don't let that 79% lead you to believe your site speed is passable.
You are losing a good percentage of visitors due to slow and jumbled page loads. If you are losing only 10% you'd be lucky.
I could go on but this is an old post and I'm not sure you will even see this.
There is no technical reason this page cannot be designed to load in less than a second and score 99%.
CSS not good, 70,228 bytes in 10 files. Most not used. And 669 Errors
Related Questions
- → Lumen file cache driver
- → Speed Optimization of Shopify Store
- → Laravel's caching configuration
- → Laravel Caching User related caching
- → Caching Vs. Query Directly from Database in Laravel
- → Caching vs .querySelector
- → Laravel 5 - Cache remember doesn't work
- → vue.js cache video and play it
- → Is it possible to use cache for Git pre-commit hook?
- → Make a list of ints hashable in python
- → How to Cache API data using AsyncStorage React Native
- → NSCache releases objects even when there are strong references to them?
- → HTTP 504 Unsatisfiable Request (only-if-cached)