[Support request] Serve Scaled Images – Blog Posts

Home Forums Support Serve Scaled Images – Blog Posts

  • This topic has 13 replies, 2 voices, and was last updated 2 months ago by David.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1372714
    Emma

    I’m having some issues with my page speed which from what I can gather relates to ‘serving scaled images’. I just wondered what size the images for my blog posts should be before uploading them? Is there a specific size I need to make them before adding them to the site?

    #1373002
    David
    Staff
    Customer Support

    Hi there,

    in Customizer > Layout > Blog –> Featured Imaged > Archives == do you have any width / height values ?

    #1373174
    Emma

    There are no width and height values. I presume it is just using the standard settings for the featured image size.

    #1373242
    David
    Staff
    Customer Support

    Well all the markup is correct and there is src-set images that the browser should be ( and probably is ) choosing from.

    Can you try disabling the lazyloader to see if that is interfering or confusing the test.

    #1373327
    Emma

    I have disabled the lazyload, there still seems to be issues coming up relating to serving scaled images. It’s not a big problem, I just wanted to make sure I was uploading the blog posts images at the correct / optimal size going forward to avoid causing any potential issues.

    #1374007
    David
    Staff
    Customer Support

    Very odd – the src-set images are there so i cannot see an issue with it. And some of the image sizes being reported on GT Metrix don’t match the markup. Do you have any server caches that can be flushed ?

    #1374553
    Emma

    I have just flushed the server cache. Not sure if that has made any difference.

    #1374589
    David
    Staff
    Customer Support

    Very peculiar.
    You can try selecting a smaller media attachment size:
    https://docs.generatepress.com/article/adjusting-the-featured-images/

    #1374596
    Emma

    Do you mean changing the size that the images display on the website? I wouldn’t want to mess with the look and layout too much, I am very happy with how it looks (apologies if I am misunderstanding.)

    #1374600
    David
    Staff
    Customer Support

    Its not a permanent change you can simply tell the Archive to use the Medium sized attachment in Customizer > Layout > Blog –> Featured Images –> Archive and select the Media Attachment size.

    If it don’t work you can always change it back 🙂

    https://docs.generatepress.com/article/adjusting-the-featured-images/

    #1377181
    Emma

    I have done this and I am still getting the same errors relating to serving scaled images. I’m not sure what else to try.

    #1377655
    David
    Staff
    Customer Support

    Odd – can you select the Medium Image attachment in Customizer > Layout > Blog –> Featured Images > Archive ?

    #1377776
    Emma

    I have done this, I’m still getting errors relating to serving scaled images but now the errors only seem to be regarding two of the blog images. Changing this setting to medium has also slightly altered how the archive images display on mobile (I presume I need to put a size in the size field to get the images to display how they were before but I’m not sure what this should be?).

    #1377802
    David
    Staff
    Customer Support

    OK so that did what i hoped it would which is to change the src-set and dimensions in the image HTML. Now i would suggest registering a new thumbnail size to select in the blog settings:

    https://docs.generatepress.com/article/adding-image-sizes/

    400px will cover the plus size mobiles.
    Their will still be some resizing on desktop but a lot less then it is with the full image

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.