This article covers CSS-related techniques for optimizing Web Vitals.

Google’s web.dev is a resource for web developers, offering guidance, tips, and best practices for building websites and web applications. The site covers a range of topics including performance, accessibility, security, and development tools, all aimed at helping developers create user experiences. With a focus on the latest web technologies and standards, web.dev provides tutorials, coding labs, and articles authored by industry experts, making it a destination for developers looking to stay current in the evolving web landscape.

web.dev

Cookie notices, particularly those placed at the top of the page, are a common example of this problem. Lighthouse only analyzes a page's performance up until the "page load" event. Cookie banners, ads, and other widgets sometimes do not load until after page load.

CSS for Web Vitals