Why is lazy loading happening on tiny images (164kb)?
Wix Studio Editor
I’ve reduced image to 164kb webp file and it still loads blurred for a second. This happens to all the images on the site - even banner backgrounds. It keeps doing it as well - if you click to another page and then click back - images on the first page load blurry again (lazy Loading).
I asked Wix and they said lazy loading is normal for high resolution files - but these aren’t hi- res. Some are PNG portraits with background cut out. About 300kb. Even banner backgrounds load blurred. Oddly this doesn’t happen in preview mode in Wix Studio editor - only on final published site.
Unfortunately not - I had several discussions with Wix support but no solution, so abandoned the project and no longer using Wix. It just made the website look slow to load and I didn’t want that for my client.
It sounds like you’re experiencing an issue where images are being lazy-loaded even though they are not large or high-resolution. This can be frustrating, especially when you’re trying to ensure fast loading times and a smooth experience for your users. While lazy loading is usually implemented to improve performance by delaying the loading of off-screen images, it seems like it’s affecting even relatively small files in your case.
What You Can Try:
Test Different Formats: While WebP is great for compression, sometimes switching back to JPEG or optimizing PNGs further can help reduce loading times. Try re-saving the images using different compression settings.
Disable Lazy Loading (If Possible): Some website platforms allow you to disable lazy loading for specific elements or pages. Check if Wix has this feature, or if there are settings to fine-tune lazy loading behavior for smaller images.
Increase Image Quality for Backgrounds: For banner backgrounds, ensure that they are not being overly compressed. Sometimes, Wix might reduce quality for background images to save bandwidth, leading to a blurred effect on initial load.
I’ve faced similar issues with lazy loading on small images. One solution is to try disabling lazy loading for specific images if Wix allows it. Also, check if re-saving your images with better compression settings (like JPEG instead of WebP) helps. For banner backgrounds, increasing image quality might fix the blur during loading.