Guide️

This Guide helps you solve common problems with PageSpeed and Lighthouse that can affect your website's SEO and make it harder for people to use. Each article gives easy, step-by-step instructions on how to fix these issues and improve your site.

Avoid long main-thread tasks

"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

"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

"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.

Avoid chaining critical requests

"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.

Avoid document.write()

"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.

Displays images with incorrect aspect ratio

"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

"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.

Serve images in next-gen formats

"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

"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

"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

"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.

Buttons do not have an accessible name

"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 descendents

"[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

"[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

"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.

Minimize main-thread work

"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.