How can I boost my Brooklyn theme speed score above 60?

[yak9chews]

Hey guys,

I am using Brooklyn Theme for my store. The score was 50 last week but now is 34. Can anyone help me to improve and get it 60+? I tried compressing the pictures for the website but it's still 34. I checked to google web page score and says something about unwanted JS CSS. 

This is our store: www.yak9chews.com

and this is our report: https://developers.google.com/speed/pagespeed/insights/?url=www.yak9chews.com&tab=desktop

[eStoreSpeed]

Hi @yak9chews,

The suggestions you see on google PSI are just recommendations so I wouldn't take them as gospel. The tool isn't smart enough to know if the JS/CSS is unused across your entire website. If you want to remove unused JS/CSS your best option is go through you theme code and manually remove scripts/CSS/apps that are not being used or hire someone to do it.

I did notice you had an empty script tag, so that's worth removing if you want to improve your score.

empty script tag

I ran your site through the PSI tool and your biggest performance gain would be from from correctly resizing images. I'd highly recommend using responsive images. Here is a guide from Shopify on how to create responsive images https://www.shopify.co.uk/partners/blog/using-responsive-images

Also I noticed you had an image carousel on the home page. It would be worth reading up on research about image carousels on e-commerce sites, generally they don't convert well and have negative impact on site speed. See here https://www.shopify.co.uk/partners/blog/web-performance

Please feel free to reach out!

eStoreSpeedOptimization

[JohnCodes]

Hi @yak9chews 

During the time before you noticed your score decrease, did you install any new apps or make any updates to your theme?

You're scoring pretty good based on all the Shopify sites we come across. You're actually scoring better than most since we typically see Page Speed Insights (PSI) scores range between 15-25 and Shopify Speed Scores range between 15-30. Either way, I wouldn't put too much thought into these scores as they aren't the most accurate indicators of actual page speed. They factor in a bunch of other metrics before delivering a score.

For example, after navigating through your site it loads and performs very well. Don't let a single score make you think otherwise.

Here are a few articles we have that talk about the relation between PSI/Shopify Speed Score and Shopify websites:

• Case study: Does Raising PSI Score Improve Page Speed? 
• The Truth About Google PageSpeed Insights for Shopify 
• Shopify Speed Tool Analysis + How to Make Your Site Faster 

They can be good tools, but they aren't the only ones you should reference.

Beyond that, I'd focus on the images mentioned under the "Properly size images" warning of your PSI report.

We typically recommend not having images larger than 960px on mobile or 1500px on desktop. Also, if the images don't have transparent backgrounds we recommend using JPG format instead of PNG. This will help to reduce file sizes, page weight, and potentially lower your loading times.

I hope this feedback was helpful! If you need any additional help, please feel free to reach out to our optimization team at speedboostr.com/contact.

Best of luck!

[oreoorbitz]

I have an optmized version of brooklyn I have been working on as a learning exercise, its about 10% faster then the theme out of the box. I can send it to you if you like, However, you might already have modifactions to your version of brooklyn, and moving over the settings might be a pain, so who knows if it'll be usefull to you.