web-vitals-extension icon indicating copy to clipboard operation
web-vitals-extension copied to clipboard

Warn when CWV antipatterns are detected

Open rviscomi opened this issue 2 years ago • 2 comments

This post covers a few of the most effective CWV optimizations. Add the ability for the extension to console.warn when the page isn't following best practices.

A good proof of concept to start might be lazy-loaded LCP images.

rviscomi avatar Apr 07 '23 17:04 rviscomi

I'm concerned about all the nuances we might need here.

For native lazy-loading images that's probably fairly obvious and OK. For JS lazy-loading that takes more logic. And for delayed loading due to injecting the LCP element and/or having it in CSS that's more knowledge.

Then for fetchpriority we don't want to create more noise by pushing that on people if it won't even make a difference (e.g. it arrives, even before the images is needed).

There's often a lot of nuance in Lighthouse audits to handle these things and don't think we should be aiming to replicate that here.

tunetheweb avatar Apr 13 '23 19:04 tunetheweb

Yeah, let's start with native lazy loading.

rviscomi avatar Apr 13 '23 19:04 rviscomi