Online store performance and site speed optimization
Hi all!
No matter what I do, optimize images etc my mobile store speed doesn't seem to change! I believe the Impulse theme comes with lazy loading built in and I just can't see what else I can do in order to reduce the loading time on mobile.
Desktop seems to be fine!
Hi, I'll list some of the things you can do improve your score, some of these might be easy to do, some might be harder to do, depending on your familiarity with coding and Shopify.
I'm not going to get too detailed into each improvement, as this is free advice.
1. Preload your hero image, this should help with Largest Contentful Paint metric.
2. Make your styles non render blocking and add critical css, this will help First contentful Paint and Largest Contentful Paint
3.Your placeholder images that your lazyloading over are too larger, consider smaller ones, or consider using a blank base64 image. See this thread: https://community.shopify.com/c/Online-Store-Speed/Shopify-Analyzer-from-Speedboostr/m-p/938340#M586
4. Are you using klaviyo on the homepage? if not, consider not loading it on the homepage.
If you apply those, you should see some improvement in your score.
Hi @Esquibb96
Welcome to the Shopify community!
Jay this side from Oakleaf Infoway, First I would like to tell you Theme doesn't been a factor for lower loading speed.
The second thing is your website page loading average speed is 3.2 sec on the 4g LTE connection. It doesn't much poor.
you should try this app https://avada.io/shopify/app/progressify-me-ampify-me.html#about-app
Obviously, we can't compare this with the coding skills but probably you will get better results through this app.
Let me know if it will not work.
Email ID& Skype ID: jay@oakleafinfoway.net
Wish you a good luck
Hello I am also having same problem. I want to increase website speed on mobile but I don't know where to make changes. I have resized the images still I am having problem in extra CSS.
My Website is - https://bellavitaorganic.com/
Hi @Esquibb96 , it’s PageFly here and after browsing through your store and checked it on PageSpeed Insights. Here’s the results
By looking at the results, there are several actions you may take to cope with the situation:
1. Change all of your image to JPEG 2000, JPEG XR, and WebP file instead of leaving it as JPEG and PNG file
2. Remove any unnecessary JS code. You can find a page builder like PageFly which provide you with clean code and easy-to-use styling to create what you want to your store, but simplify the process.
3. Delete unused apps in your Shopify Store. Having them in your store can tremendously weigh down your loading speed.
Hope that this is somewhat helpful for you in building your store. Good luck!
Maybe you could use this feedback, in a video form:
https://monosnap.com/file/bVJFhQhN4zN6ilEt9dUzIzyG5NIEXj
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023