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.

Missing source maps for large first-party JavaScript

"Missing source maps for large first-party JavaScript" means that your webpage is using large first-party JavaScript files that do not have associated source maps, which can make it difficult to debug and optimize your code.

Heading elements are not in a sequentially-descending order

"Heading elements are not in a sequentially-descending order" essentially, means that your webpage has heading elements (h1, h2, h3, etc.) that are not in a sequentially-descending order, which can make it difficult for users, especially those using screen readers, to understand the structure of the content.

Image elements do not have [alt] attributes

"Image elements do not have [alt] attributes" means that do not have alt attributes, which can make it difficult for users, especially those using screen readers, to understand what the images represent.

Uses deprecated APIs

"Uses deprecated APIs" essentially, means that your webpage is using APIs that are deprecated, which can lead to compatibility issues and negatively impact the user experience.

element does not have a [lang] attribute

"<html> element does not have a [lang] attribute" means that your webpage's <html> element is missing a lang attribute, which can make it difficult for assistive technologies to correctly interpret and translate the content.

button, link, and menuitem elements do not have accessible names

"Button, link, and menuitem elements do not have accessible names" essentially means that your webpage has buttons, links, and menu items that do not have accessible names, which can make it difficult for users, especially those using screen readers, to understand what these elements do.

Links do not have a discernible name

"Links do not have a discernible name" essentially, means that your webpage has links that do not have a discernible name, which can make it difficult for users, especially those using screen readers, to understand where the links lead.

Form elements do not have associated labels

"Form elements do not have associated labels" means that your webpage has form elements (input fields, checkboxes, radio buttons, etc.) that do not have associated labels, which can make it difficult for users, especially those using screen readers, to understand what the form elements are for.

Links do not have descriptive text

"Links do not have descriptive text" essentially means that your webpage has links that do not have descriptive text, which can make it difficult for users, especially those using screen readers, to understand where the links lead.

Document does not have a meta description

"Document does not have a meta description" means that your webpage is missing a meta description, which can negatively impact your site's visibility in search engine results.

Enable text compression

"Enable text compression" means that your webpage is serving text-based resources without compression, which can slow down your site and negatively impact the user experience.

Does not have a tag with width or initial-scale

"Does not have a <meta name="viewport"> tag with width or initial-scale" means that your webpage is missing a viewport meta tag, which can negatively impact the user experience on mobile devices.

Minify CSS

"Minify CSS" means that your webpage is using CSS files that are not minified, which can slow down your site and negatively impact the user experience.

Minify JavaScript

"Minify JavaScript" essentially means that your webpage is using JavaScript files that are not minified, which can slow down your site and negatively impact the user experience.

Efficiently encode images

"Efficiently encode images" means that your webpage is using images that are not efficiently encoded, which can slow down your site and negatively impact the user experience.

Avoid non-composited animations

"Avoid non-composited animations" means that your webpage is using animations that are not being composited by the GPU, which can slow down your site and negatively impact the user experience.

User Timing marks and measures

"User Timing marks and measures" essentially means that your webpage isn't using the User Timing API, which can provide valuable insights into the performance of your site.

Eliminate render-blocking resources

"Eliminate render-blocking resources" means that your webpage is loading resources that block rendering, which can slow down your site and negatively impact the user experience.

Registers an unload listener

"Registers an unload listener" means that your webpage is using an unload listener, which can delay navigation and negatively impact the user experience.