Maximally optimizing image loading for the web in 2021
CSS - Tricks
FEBRUARY 16, 2021
Fluid width images in CSS, not forgetting the height and width attributes in HTML so you get proper aspect-ratio on first render. Use loading="lazy" Use decoding="async" Use inline CSS/SVG for a blurry placeholder. I’m not super convinced blurry placeholders are in the same category of necessary as the rest of this stuff.
Let's personalize your content