I am hoping someone can help me or guide me in the right direction but I purchased this Turbo theme from "Out of the Sandbox" (https://outofthesandbox.com/collections/themes/products/turbo-theme-portland) that's suppose to focus on performance however, its loading slower than a free theme... I've reached out to them and they guided me to the community and to also check Google Site Speed.
I am still in the setting up phase which worries me considering the minimal content that is on there right now and how slow it is. For example, under "Shop Wireless" -> Apple iPhone -> Selecting any product (or even trying to load the collection page) can take up to 10-20 seconds to load up. There will be the very ODD times that it actually loads immediately but in most cases that we tested it out on other computers, servers, including mobile (without WiFI) - typically loads extremely slow.
Hey there, @WillC
Bo here from Shopify Support!
It is great to hear that you have been so proactive when it comes to your page speed it is also great to hear that you have reached out to the theme developers for assistance as they are definitely the best equipped to help you out with their theme.
While the speed test tool is super insightful, it’s easy to take Google’s PageSpeed Insights advice on your Shopify theme a bit too much to heart while also ignoring some easier ways to improve your site performance. For both desktop and mobile, it's important to keep in mind that the score Google gives you is just one factor that determines how your site is ranking and how well it performs for users and in search rankings. While it's always a good idea to what you can to improve your site speed, chasing after a 100 is not a good use of your time as a business owner. Keep in mind that most, if not all, of the elements that page testing tools flag are necessary to make it possible for your customers to browse and buy on your site.
With that said, there are plenty of ways that you can improve your site speed without needing advanced development.
All the Best,
Bo | Retired Staff Member
these are the optimization methods needs to apply for your website,
1) Eliminate render-blocking resources - Remove js from header
3) amazonaws.com (third party module load) - need to add on lazy load
4) Avoid bad requests - 404
5) Remove unwanted js
6) Need to add lazy load for Third party Module
Personally I would just get another theme.
If you're having this much trouble now imagine in 2 months time when you have built out your website. I had the same problem with a third party theme that cost $190 odd USD I just cut my losses and got another theme. It sucks but you want the best for your website. Build solid foundations at the start of your online journey. It's twice as hard to go back later and fix everything.
I'll shoot you private message with few free options you could go with that might help.
I've went ahead and compressed my images (all in JPEG), I dont have any banner images, deleted all unused apps, and basic Roboto font. Is there anything you see specifically in my store that could possibly be causing this?
Thanks for reaching out, just a couple questions:
2.) How do you add a lazy load
Or are these points, more-so in "general"? Is there anything specific that you see in my store that may be causing this mostly as I have very minimal on my store currently.
1. Render-block resources JS on page which is not use for a page funstionality we will take that all files in footer.
2. Any third party app/plugin you are using is having some JS we put that on lazy load.
Stores gets slow when there is too much apps installed which takes a lot of resources, when you upload way too much content, when the theme code is not optimized, etc. The most important thing is to clean up as much as you can by yourself. Try to run some tests by yourself using https://developers.google.com/speed/pagespeed/insights . You can also hire professional like myself for couple $$, so I can take a look into it, run some tests, check code and let you know where is the room for improvement. You can also try app like https://apps.shopify.com/preloader which allows you to pick background animation for your store and keep customers on website when everything loads in the background