I've been trying to increase the speed score on my online store and have done everything I can now to reduce the download time.
We are using the Brooklyn theme - does anyone know if it is common with the Brooklyn theme to have a low speed score. I have reduced all image and file sizes and not sure what else to do.
Our store is:
Any suggestions would be appreciated!
Reducing unused JS and CSS is good if you have extra files loading that you don't use (like from old apps that you deleted but didn't remove the theme code)... but as for extracting unused CSS and JS out of files you do use, that's a large project with tiny gains so I wouldn't recommend that.
To see what can and should be optimized on a Shopify site, check the Shopify Analyzer. It's a free performance analysis tool my team built for the Shopify community. That will show you what can be optimized + give recommendations.
If the recommendations are outside the expertise of your team, just contact us from there and we'll get you dialed in.
but as for extracting unused CSS and JS out of files you do use, that's a large project with tiny gains so I wouldn't recommend that.
Not only that, if people start to do things like switching to inline CSS (recommended on the developer tools linked from the speed score page) it can cause major problems.
And that's only part of the issue with Speed Score. Shopify gets everyone all worked up about this metric, then when we dig into the details discover that it's JS and CSS files, many associated with Shopify itself, or sometimes mission-critical apps or services that will cause more harm than good if we turn them off to get an incremental improvement on the speed score.
These issues should be addressed in the explainer text right on the Shopify admin page where Speed Score is listed, as well as in tooltips in key places where store owners might cause a problem, such as selecting slideshows (bad) instead of a single image of a reduced size (good). Here are some other ideas: flagging script- and process-heavy apps in the app store before people install them, and fixing Shopify's free themes that link to giant JS files.
Bottom line, I think Shopify is doing the right thing by warning us about speed issues, but the ways they let us know leave a lot to be desired and more could be done to proactively prevent Speed issues.
Hello @hayleyl94 ,
You need to work on your website performance’s speed with following point that I have mentioned below.
Low mobile page speed may kill your traffic and affect your conversion.
In order to Improve website speed you need to:
- Remove unnecessary code on a high priority basis.
- Compressed images or Defer off-screen images.
- Web Pages need to be Minify.
- Minimize main-thread work
- Beware of excessive liquid loops
- Decrease thumbnail image size
- Weigh the benefits of installing another app
By fixing these issues, your website speed score can definitely improve. For more details please check and select the plan you wish to select -
If anything is missed out or unclear then don't hesitate to ask
Just saw the comment by OSC, @hayleyl94 felt I should share a warning with you, be careful if you work with them - they've been caught stealing and breaking Shopify's terms of service on multiple occasions (proof: https://speedboostr.com/shopify-partners-caught-stealing/#copyright-osc). I wouldn't want a criminal having access to my business, I assume you wouldn't either.
What they're pitching are generic recommendations they've read about from generic optimizations, mostly not relevant to Shopify themes.
I ran your site through the Shopify Analyzer, looks like just some small image optimizations can help: https://analyze.speedboostr.com/result/fu9yclg14q.
Those will yield minimal results so I wouldn't worry about it, but if you want to fix this guide will show you how to compress the images (without losing resolution): https://speedboostr.com/how-to-compress-images-on-shopify. And for the hidden images warning, it looks like it's the way your slider is set up. If you're getting good engagement on the slider then it's ok to keep it, but if you want to maximize performance I would go with a single hero banner.
I hope you are doing well! Have you implemented the suggestions and found the solution? Also, if you need a walkthrough of AiTrillion and need any help with setting up the features I will be happy to help!
Looking forward to your reply!