Guide️

"Avoid long main-thread tasks" essentially means that your webpage has tasks that are blocking the main thread for too long, which can slow down your site and negatively impact the user experience.

"Largest Contentful Paint element" essentially means that the largest element on your webpage is taking too long to paint, which can slow down your site and negatively impact the user experience.

"Keep request counts low and transfer sizes small" means that your webpage is making too many requests or transferring too much data, which can slow down your site, especially on slower connections.

"Some third-party resources can be lazy loaded with a facade" essentially means that your webpage is loading third-party resources that could be lazy loaded with a facade, which can improve your site's initial load time.

"Avoid chaining critical requests" means that your webpage is loading resources in a way that creates a chain of dependent requests, which can slow down the initial load time.

"Does not use passive listeners to improve scrolling performance" means that your webpage is using event listeners that can delay scrolling, which can make your site feel less responsive.

"Avoid document.write()" means that your webpage is using document.write(), which can block the parsing of HTML, delay the loading of other resources, and cause other performance issues.

"Links do not have a discernible name" means that your webpage has links that don't have a discernible name, which can make them inaccessible to users with visual impairments.

"Avoid enormous network payloads" informs you that your webpage is loading a large amount of data over the network, which can slow down your site, especially on slower connections.

"Serving images in next-gen formats" means that your webpage is serving images in older formats, which can be larger and slower to load than newer formats.

"Tap targets are not sized appropriately" means that your webpage has links or buttons that are too small or too close together for a user to easily tap on a touchscreen, which can impact your site's mobile usability.

"Links are not crawlable" informs you that your webpage has links that can't be crawled by search engines, which can impact your site's SEO.

"Browser errors were logged to the console" happens when your webpage has logged errors to the console, which can indicate unresolved problems. These errors can come from network request failures, JavaScript errors, and other browser concerns.

"Background and foreground colors do not have a sufficient contrast ratio" means that your webpage has text that doesn't have enough contrast with its background color, which can make it hard to read, especially for users with visual impairments.

"Buttons do not have an accessible name" means that your webpage has buttons that don't have an accessible name, which can confuse assistive technologies like screen readers.

"[aria-hidden="true"] elements contain focusable descendants" is when your webpage has elements that are marked as hidden for assistive technologies (using aria-hidden="true"), but these elements contain descendants that are focusable, which can confuse assistive technologies like screen readers.

"[aria-*] attributes do not match their roles" tells you that your webpage is using ARIA (Accessible Rich Internet Applications) attributes that don't match the roles of the elements they're applied to, which can confuse assistive technologies like screen readers.

"Reduce JavaScript execution time" is when the webpage is spending too much time executing JavaScript, which can slow down your site and make it less responsive.

"Serving static assets with an efficient cache policy" happens when your webpage is not making efficient use of caching for its static assets, which can slow down repeat visits to your site.

"Minimize main-thread work" tells you that your webpage is doing too much work on the main thread, which can slow down your site and make it less responsive.