Image optimization tips and plugin recommendations

Just scroll a bit up :wink:

ok i got it :see_no_evil: thanks

I had to check out this topic because just few days back I had an issue with Bricks editor as soon as I enabled EWWW EasyIO.

i recently started to play around (test) with Short Pixel. While not free, the thing that did interest me most is the avif format.
as far as i can tell it just works super smooth and with with some few selected speed improvements i reach the performance i was looking for even with Woo installed.

I’m a big fan of ShortPixel too. The AVIF format only works with the Chrome browser. SWebP images work with all Chromium browsers, Firefox, and most Safari browsers. "webp" | Can I use... Support tables for HTML5, CSS3, etc

EWWW it is. That APPSUMO deal is a great tip! Thanks.

1 Like

Try Performance Lab by the WordPress Performance Team
It’s free and developed by the people who code WP. That’s a pretty good endorsement.

Yes — I also switched to doing manual optimizations only. You can get better results when you dial in the compression yourself in Affinity/Photoshop/etc. instead of relying on a fixed compression value those plugins use (Affinity has bulk processing aswell and it is super easy, local and high quality).

Plugins like EWWW are great, but for simple .webp conversion a plugin like that can be overkill (especially if you don’t use a CDN).

I’ve started the habit of uploading images as both .jpeg and .webp, then using the .webp in Bricks (keep the .jpeg for clients who complain that some website-visitor with ancient browser couldn´t see images).

At the moment I’m experimenting with server rewrite rules added to the .htaccess file to serve the .jpeg when the client browser doesn’t support .webp — this is what EWWW does as well; you even have to click a button in EWWW to set the rewrite rule. Just upload the files with the same name (image.jpeg and image.webp) and let the server take over the rest.