Learned from https://www.phpied.com/minimum-viable-no-image-image-src/
You can use this for lazy load images in pages
<img
src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'/>"
...
>Hmm, when I inspected his demo image, I saw new img attribute named decoding="async", so interesting! So we can tell browser not to wait process this dummy image for later and priority the rest higher. (Good for LCP vital metric)
Enjoyed this post?
If you found this helpful, consider sharing it or leaving a kudo!
0 kudos