Images optimisation

re. images; can you share URL’s of pages that have un-optimized images?

re. optimole: no, you’ll have to choose.

re. elementor: if CSS, it could be because elementor is creating non-static CSS in wp-content/cache or wp-content/uploads, which by default is excluded from CSS optimization.

@optimizingmatters
Thanks for your reply.

re images:
the pages are:
https://sunguard.nz
https://sunguard.nz/ziptrak-blinds
https://sunguard.nz/horizon-monobloc-awning
https://sunguard.nz/rollershades
might be more, these are the ones I’m currently looking at.

re.elementor – sorry, didn’t understand that.
here is an example of such a page
https://sunguard.nz/folding-arm-awnings
it has a huge list of render blocking resources in a desktop version according to PI.
Is there a way to fix that?

In general, how much time do I need to allow for G PI to be updated once I’ve made changes to the plugin? It looks like it changes instantly, but I’m not sure if that’s the case.

Thanks again.

re. render-blocking resources: you seem not to be optimizing your JS, you should look into that as Autoptimized aggregated JS will be deferred and thus not render-blocking.

re. optimize images; I see you have lazyload active, but your images currently are not loaded from the Shortpixel CDN so image optimization isn’t working now.

although … maybe you have both JS & image optimization on, but AO is leaving those alone because they’re loaded from the CDN URL which AO knows nothing about. if that is the case maybe disable the CDN or configure it in in AO as well?

Re – although … maybe you have both JS & image optimization on, but AO is leaving those alone because they’re loaded from the CDN URL which AO knows nothing about. if that is the case maybe disable the CDN or configure it in in AO as well?

Thanks for that, that might be the issue.
It is currently run through Kinsta CDN – would you know how it can be configured to work together with AO?

Sure; add that Kinsta CDN to Autoptimize’s CDN field.

Hi
Thanks, done that.
Just checking on page insights for the main page (sunguard.nz) and it is again saying that I need to defer some offscreen images – some of them are said to be served via Shortpixel CDN (that means it’s done through AO image optimisation tool). Do I just wait for it to clear?

Another one (cafe-screen) has a warning re deferring offscreen images and is showing KINSTA’s CDN as the source.

Some other pages (like sunguard.nz/outdoor-blinds) have the warning re removing unused CSS and it’s showing just sunguard.nz, as the source.

Another one (folding-arm-awnings) has a warning about eliminating the render blocking resources and it’s showing hb.wpmucdn.com as their source – however I’ve deleted this plugin (Hummingbird which I think is behind that hb.wpmucdn.com) a while ago, and it’s still there.

What is more interesting, once I’ve put the Kinsta CDN URL in AO the main page’s Google Page Insight score has increased dramatically, while the other pages have dropped.

Sorry for heaps of text, I’m just trying to get my head around the best way to tackle these issues (and I’ve got not that much experience with all of this).
Obviously, some of the warnings have something to do with the plugins I tried using before, but since I only have AO now, I’m wondering if I’m doing everything right.

Thanks in advance,

you’ll have to clear your kinsta page cache to ensure all changes are visible.

Thanks, hopefully it does the trick.
Thank you for your help

Hi

Just a question

The main page has grown significantly in Pagespeed, but is still showing – remove the unused CSS for …css/autoptimize_70f047f….css

Would you know what it is?

unused CSS is due to theme/ plugin adding CSS (which is then combined & minified by AO) which is technically not needed for a specific page. You could try with e.g. plugin organizer to at least stop some plugins from adding CSS, but generally this is a GPSI recommendation that is hard (impossible) to fix for most sites.

frank

I get it, thanks.

Just one last thing
After all the tricks, the main page has a 88-99 rating, which I believe is pretty good.

While some of the other frequently visited pages have slightly increased their scores and have no particular issues listed on PageSpeed (just the generic reduce the time to respond, etc) but no css, render-blocking or images related issues, the pages like

https://sunguard.nz/horizon-monobloc-awning
https://sunguard.nz/ellipse-monobloc-awning
https://sunguard.nz/fetuna-cassette-awning
https://sunguard.nz/rollershades

are still showing heaps of defer images, serve images in next gen, unused css.. etc

How can it be so? Cache has been cleared a lot of times..

Had a quick look at those pages (they each seem to have 1 image not lazyloaded/ next genned) and the images were in fact webp/ lazyloaded in all 3 cases I checked out, so it simply seems like GPSI is mistaking there ??

screenshot of an image which _is_ webp in spite of GPSI claiming it’s not;

Ok, so shall I just ignore those?)

indeed, nothing more to do for those images ??