This is what happens when you preload the heavy high definition pristine image instead of the responsive version… 😅
Thanks #SpeedCurve for noticing it! 🙏
Seriously, do we need yet another version of Low Quality Image Placeholders?
Why do some people want to do additional work just to show useless colourful pixels to users, delaying the rendering of the actual image?
As a user, I hate LQIP. Single colour backgrounds are fine, though.
According to the results presented above, we can conclude that JXL is the superior format for both lossy and lossless operations. That is clear by…
Why you need to know your site's performance poverty line (and how to find it)
The performance poverty line is the plateau at which changes to your website’s rendering metrics (such as Start Render and Largest Contentful Paint)…
⚠️ Be carefull if you use SVGO or SVGOMG to optimize #SVG images using <symbol>s.
There's a bug that might remove them when it shouldn't:
https://github.com/svg/svgo/issues/1726
Responsive images on Shopify with Liquid
We launched the and filters to help with generating responsive images. Before we dive in, what do these filters do? What are the differences between…
Tammy Everts