- This topic has 13 replies, 2 voices, and was last updated 2 months ago by David.
July 22, 2020 at 2:42 pm #1372714Emma
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?July 23, 2020 at 12:29 am #1373002DavidStaffCustomer SupportJuly 23, 2020 at 3:25 am #1373174Emma
There are no width and height values. I presume it is just using the standard settings for the featured image size.July 23, 2020 at 4:37 am #1373242DavidStaffCustomer 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.July 23, 2020 at 5:55 am #1373327Emma
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.July 23, 2020 at 2:00 pm #1374007DavidStaffCustomer 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 ?July 24, 2020 at 3:20 am #1374553Emma
I have just flushed the server cache. Not sure if that has made any difference.July 24, 2020 at 4:17 am #1374589DavidStaffCustomer Support
You can try selecting a smaller media attachment size:
https://docs.generatepress.com/article/adjusting-the-featured-images/July 24, 2020 at 4:42 am #1374596Emma
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.)July 24, 2020 at 4:47 am #1374600DavidStaffCustomer 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 🙂July 26, 2020 at 12:17 pm #1377181Emma
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.July 27, 2020 at 2:56 am #1377655DavidStaffCustomer SupportJuly 27, 2020 at 4:54 am #1377776Emma
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?).July 27, 2020 at 5:26 am #1377802DavidStaffCustomer 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:
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
- You must be logged in to reply to this topic.