Preventing Cumulative Layout Shifts with lazy loaded images (Eleventy + markdown-it)

from blog Simply Explained, | ↗ original
There's nothing more annoying than a website shifting down just as you're about to click on a button or link. This is called a layout shift, and Google has declared war on them. They've added layout shifts to the Core Web Vitals, and if your website has a lot of them, it will get penalized in the search results.Here's how to prevent (lazy loade...