First Time User – Need Assistance With a Few Things

[finderspickers]

I paused my Shopify account last year and recently re-opened the store. Essentially, I am starting over with my site and at the same I'm coming up to speed with Shopify's changes. I have a few questions for those who have time to take a look. I appreciate your input.

finderspickerspaper.com

Canopy Theme 2.11.16 (I have not updated to Shopify 2.0)

finderspickerspaper@gmail.com

I try to research and do most things myself but I get stumped sometimes. I hired a developer a few years ago to focus on the Speed Score (lazy loading, defer, etc.) but my score remains low (44 on Shopify, 65 Mobile and 83 Desktop on Page Speed Insights.) Not sure how accurate those sites are.

The developer also created (coded) a "brown" background for my products but I've since decided to take my photos on a white background. The old code for the brown background still exists and loads in the background when my product and collection photos loads. I can see the brown color load before the white background loads.

My two questions are...

1. Is the brown background lowering my speed score? I assume it is.

2. How can I remove the brown background code? I have searched and search for key words in the code but I'm not sure what I'm looking for exactly.

Please ignore the layout. I just started updating my site – no hero banner – placeholders, etc. And I have no traffic at this time.

Thank you!

[theycallmemakka · Accepted solution]

Hi @finderspickers ,

The brown background has nothing to do with the speed. This is just a single css property. You can remove this by adding bellow css code on styles.css file.

.product-block .image {
    background-color: #ffffff;
}