I’ve got a slow-loading page, which is scoring 57 on the Lighthouse performance test.
I’m using the latest theme and plugin, and also GenerateBlocks and the site is based on the Landing site demo. Lazy loading classes are loading, yet the page is obviously loading slower than it should and it looks like it’s the images that are loading in slowly. I am using Autoptimize and W3 Total Cache and the host provides CDN.
It’s a simple enough page in terms of elements – any pointers as to how to speed this up?
Thanks Leo – that GTMetrix report is super helpful being more specific and easy-to-understand than the Lighthouse reports.
I was assuming I might have done something wrong within the site template or with GenerateBlocks, but on looking more closely at the code it looks like I’m probably just using WP Blocks badly… I’ll see if I can figure it out (as it’s not anything GP related).
I’ve worked out what I was doing wrong. I was assuming that the WordPress Block editor and css styles would handle the image sizes for me.
Here’s what I think fixed it. Here’s what I need. When three images are side-by-side they really only need to be at most 400 pixels wide, but when the template changes for mobile (at <1025px), the column becomes 66% which is about 586 pixels wide.