Major Issue with Images

  • negapo

    (@negapo)


    6 years, 2 months ago

    I have a clean install of WordPress 5.4, WooCommerce 4.0.1 and StoreFront 2.5.5, all latest versions at the moment. No plug-ins installed, just created one simple Product and added one image.

    When i open the product page i can see three calls to images:

    • Image-scaled.jpg
    • Image-416×416.jpg
    • Image-324×324.jpg

      • This is all the same image at different sizes, so it could all be scaled at the browser saving two http requests and bandwidth. This is highly inefficient if you have a lot of product simple/variable with many images.

      I have read the Woocommerce article about images but it doesn’t address this (https://docs.woocommerce.com/document/image-sizes-theme-developers/)

      I looked at the storefront demo site, for example, this product page:

      https://themes.woocommerce.com/storefront/product/lowepro-pro-roller-x300-aw/

      Same problem but with different magnitude, there is only two calls per image and its the same image but with a request to scale it like:

    • Image.jpg?w=200&h=200
    • Image.jpg?w=400&h=400

      • Also inefficient, but better.
      Why just not take the larger photo that is being downloaded and resize it to the thumbnails needed?
      Can anyone help me out how to simplify this and save a lot of resources?
      Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Peter Lawrenson

    (@lorro)

    6 years, 2 months ago

    For best performance, WC will minimize the number of bytes sent over the net, that’s where the time goes, so its faster to resize the images at the server before they are needed rather than by the browser, Any extra http request is a lesser issue.

    Thread Starter negapo

    (@negapo)

    6 years, 2 months ago

    Hi Lorro, thanks for the answer, but thats not happening, WC is sending the largest image and then the thumbnails, so its not minimizing the bytes sent, http request are not a lesser issue, if they were then the rest of the images from the gallery would be served as a http request when the user clicks the thumbnail (and only the thumbs would be sent at the first page load), further minimizing the bytes sent, but thats another issue.

    This is really non sense whats happening, if the largest image is always sent to the user why send the thumbnails?

    • This reply was modified 6 years, 2 months ago by negapo.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Major Issue with Images’ is closed to new replies.