Why is my website still loading slowly despite reducing image sizes?

Store Design
,
1

I reduced some of the images and the site still loads extremely slow especially the home page https:\www.transpirits.com. any ideas?

1 Like
2

@transpirits

Hello,

There are lot of things to do to increase your store speed

But you can start with analysing your store to know your store performance

3

https://transpirits.com/

4

Have gone through the website and I can see you used “Spring 2021” as the Theme for your shopify store.

Reasons why your website seems slow:

  1. The Products are too much

  2. You should have made use of Collections rather than adding each products.

  3. Is this a customized theme or free theme?

5

@transpirits

Did you design the store yourself or you hire someone?

6

The website is unavailable…

7

Your primary issue is that code for atcjs.comerce.ai is preventing load (there are several such files from this third-party):
https://atcjs.comerce.ai/js/style7/style7.css net::ERR_TIMED_OUT

Whatever this is, I’d venture that removing it will instantly make your site load much faster (albeit not fast).

You have these other issues including:

Shipping rates calculator javascript is erroring.
https://cdn.codeblackbelt.com/js/modules/shipping-rates-calculator-plus/main.min.js?shop=park-blvd-liquor.myshopify.com net::ERR_ABORTED 400

You have a massive amount of what appears to be slider images that are erroring (and at 1600px width would probably be slowing down your site more if they were loaded).
https://cdnsliders.b-cdn.net/park-blvd-liquor/8840/2021-slider-57-1626793810-60f6e7523a81f.jpg?width=1600 404 (Not Found)

Another JS issue with https://disco-flipclock.netlify.app/main.js

8

Hi @transpirits ,

I can’t see your website - “This site can’t be reached”.

I need more details about your website to give relevant advice.

In general, if you have big, high-quality, and unoptimized image files on a certain page, the longer the webpage will load. That is why it’s important to optimize the size of your Shopify images as much as possible.

Make sure you use the right image format. The wrong image format can add unnecessary weight to your pictures.

Here are the most common image formats:

  • JPEG
  • PNG
  • WebP

And you can use all of these image types for different purposes across your Shopify store.

The height and width of the images you upload to your Shopify store also affect your page load speed. A common mistake is uploading a large image and simply shrinking the dimensions through source code. This method can increase your page load time since the browser has to load the original image first and then adjust it to the desired dimensions.

So, upload the correct size image you need to keep the dimensions of the output image the same as the dimensions of the original image.

Here https://whidegroup.com/blog/shopify-image-optimization-guide/ you will learn more about how to optimize images for Shopify.

If you are looking for help or a consultation for your store, feel free to contact Whidegroup anytime.