I’ve just built my first site in Cwicly. Its fantastic thank you.
And thanks to @marius for the advice and support.
I’m hosting the site on a litespeed server, which makes it quick and easy to serve images as webp.
The design I have created relies on a lot of background images. Which don’t get served as webp.
PSI suggests changing this would be a big improvement on load speed.
Litespeed manages the conversion of images and the displaying of images on the front end dependent on the requirement of the browser being used. Which is pretty cool and worth checking out. Works great on standard images, but not for background images. I think this is just some compatibility issue with cwicly and litespeed. But I’m not positive.
Did you try to work around the background image issue, and instead use a CC image using the size and object fit properties? If that works better with Litespeed, I believe you should be able to use that in most situations.
This is great, thanks everyone for all the advice.
I have updated all the images.
There is one image which is a background image as it has text over the top. Is there something I should do better in this situation?
As soon as you do regenerate your HTML, the menu block will change the div tag to a nav tag, that’s part of the latest update. Since you use the nav tag on the parent container, you should consider changing it back to a div tag.
Enable the following settings to get rid of WP default bloat, you don’t need it in most cases:
Don’t forget to assign the correct tags then (header <section> to <header> and footer <section> to <footer>.
Do also consider to replace the default post content block with the Cwicly one and assign the <main> tag to it.
To clean up your HTML, enable the following option.
Another question … this method still does not allow me to set different images for different devices … ie: if I set one image for desktop then toggle to mobile and set a different image, the desktop image changes as well. So I guess I am not clear what makes this method the more efficient approach for setting a background image.