
One second image LCP booster: meet the fetchpriority attribute
If optimizing was only as simple as adding a few attributes. But this time, it really is and it's even easier to use than image preloading.
Can't get enough? I'm regularly sharing snack bite tips and advice on LinkedIn as well.

If optimizing was only as simple as adding a few attributes. But this time, it really is and it's even easier to use than image preloading.

You might have noticed that your LCP will often be worse than your FCP. This is quite common, as the header, hamburger menu or (inlined) SVG logo will be rendered sooner than the rest of the page. But what does it mean if your LCP and FCP are almost the same?

Wether you're reading a LinkedIn or Twitter discussion, there still is confusion around lazyloading images. Especially when it comes to above the fold images, such as hero images. Let's deal with this for once and for all.

So, you've got a hero image which is actually messing up your LCP metric in Lighthouse or PageSpeed Insights? You might not have heard this before, but making it even bigger will help.

First Meaningful Paint is one of the six performance metrics tracked and displayed by Lighthouse. It measures when the primary content of a page is visible, but is more of a guess. It became time for a new metric.