pagespeed – serve scaled images

Hi, could it be possible to have the same lower size limit for covers than for thumbnails? I think that it would help to solve this my issue if covers could also be 50px at their lower limit, as it is for thumbnails. I use very small thumbnails, as they look better on mobile devices, and also load faster when there are a lot of images displayed. In this way there would be no need for so much css scaled thumbnails, I think. If there is another solution, please let me know.

thank you

You can use cloud service ‘Cloudinary’. It is supported by wppa. See table ix.
Currently it works only on large ‘display’ images, but i will implement it fot thumbnails soon. Than you have the downloaded images same size as shown.

See my docsite wppa.nl for the doc onCloudinary.

From my phone, sorry no links or more detail.

Please have a look at https://betatest.opajaap.nl/
Local CDN (6.9.04.002 Bèta) and Comet Cache active. Set JPG quality to 75 (Table IX-A2)

Yes, I see it′s working. Also lazy load. I am waiting for the new release to be ready in wordpress. Is there some way I could test it before it is available?

Currently I have jpg compression set to 80%. Is there some way to get also thumbnails to be compressed?

Are you using the comet cache free version?

thank you

1. See: https://wppa.nl/nl/docs-by-subject/development-version/
2. Thumbnails – and also local cdn jpg files – are compressed. 80% looks good. The more contrast: the lower quality can be done. When you have ‘slow’ gradients, use a higher quality.
3. Yes, Comet cache free version. Note: not cached when logged in, so look at it logged out.

The first time you load the page with local cdn enabled (In Table IX-K4 one can now select ‘Local’) the files are created, so that will take longer, but the second time with cache enabled abd logged out…. hmhmhm!

Hi! I installed the new version on this 3 websites. They are loading much faster than before. The only thing is that I think that lazy load is not working properly. Could you check if I am missing something? Thanks

https://hyper-irrealism.com/

https://ab-stract-art.com/

https://chaotic-us.com/

Did you tick Table IV-A19 ??

Please disable cloudflare and rocket loader

Yes, it is ticked. Maybe it has something to do with the scrolling, that is not working either.

Do you use my costom css solution? If not, disable the plugin you used for it and try my solution

Yes, the other plugin is already disabled and deleted.
I only have your custom css solution running.

I know this is just the first release of local CDN, but cdn images do not have a leverage browser caching specified.
I will try now to load the page without the custom css solution for .wppa-thumb-box size, to see if the problem with lazy loading persists. I will let you know.

Hi, I tested my website without your custom css solution and had the same result about lazy loading not working properly. I think there is some kind of incompatibility with the plugin that generates sections and slides. This one has the possibility to exclude some jquery elements from its built in scrolling, and set them to normal scrolling, but I could not determine what wppa element I should exclude.

Respect to local CDN, it is working fine. It is really fast. I even have it running along with cloudflare and they seem to be compatible.

Regards

What website i should examine further? And, can you please remove the rightclick disable on that site?

Here is the link. I have lazy load and local CDN activated, clouflare bypassed and minify deactivated. Thanks

I committed dev version 6.9.04.003 but it is not yest available (waiting for plugins repository update)
Pls look in a few hours if it is available and update https://chaotic-us.com/ with it.
It is not faster but i have built in diagnostics (console logs) to see what happens.
It tells if an item is inside the viewport, and if so, it is made visible. This is the way lazy load works. It looks something is ging wrong there.

Look for console messages like:

At: 14:55:21.569 message: getBoundingClientRect() for i-4879-1 returned (tlbr) 457.1499938964844 638.9166870117188 473.1499938964844 706.2166748046875 result=true

telling top, left, bottom and right of the thumbnail img boundary. If on the screen (browser window) it will be made visible. Perhaps the algorithm to decide if the img is on the screen fails in your case, but i want to see the console log messages myself.

Pls tell me when you installed it.

BTW: You can increase the browser cache times by editing .htaccess in the wp root:
example (place at the beginning):

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##