Lighthouse Report

Scores

Performance

SEO

Best Practices

100

Accessibility (LH)

Run time: 21.9s

Performance

⚠

Largest Contentful Paint

3.2 s

⚠

Total Blocking Time

590 ms

⚠

Cumulative Layout Shift

0.1

⚠

Use efficient cache lifetimes

Est savings of 200 KiB

✗

Layout shift culprits

✗

Forced reflow

✗

Improve image delivery

Est savings of 589 KiB

⚠

Legacy JavaScript

Est savings of 13 KiB

✗

Network dependency tree

⚠

Render blocking requests

⚠

Time to Interactive

6.4 s

✗

Max Potential First Input Delay

400 ms

⚠

Eliminate render-blocking resources

Est savings of 0 ms

⚠

Reduce unused JavaScript

Est savings of 38 KiB

✗

Serve images in next-gen formats

Est savings of 387 KiB

⚠

Avoid serving legacy JavaScript to modern browsers

Est savings of 13 KiB

⚠

Serve static assets with an efficient cache policy

5 resources found

✗

Reduce JavaScript execution time

1.9 s

✗

Minimize main-thread work

4.9 s

✗

Reduce the impact of third-party code

Third-party code blocked the main thread for 500 ms

✗

Largest Contentful Paint element

3,200 ms

✗

Avoid large layout shifts

3 layout shifts found

⚠

Does not use passive listeners to improve scrolling performance

▸ 43 passed / informational

✓

First Contentful Paint

1.7 s

✓

Speed Index

2.1 s

✓

Document request latency

ℹ

Optimize DOM size

✓

Duplicated JavaScript

✓

Font display

ℹ

LCP breakdown

✓

Modern HTTP

ℹ

3rd parties

✓

Optimize viewport for mobile

✓

Properly size images

✓

Defer offscreen images

✓

Minify CSS

✓

Minify JavaScript

✓

Reduce unused CSS

✓

Efficiently encode images

✓

Enable text compression

✓

Preconnect to required origins

✓

Initial server response time was short

Root document took 10 ms

✓

Avoid multiple page redirects

✓

Use HTTP/2

✓

Use video formats for animated content

✓

Remove duplicate modules in JavaScript bundles

✓

Avoids enormous network payloads

Total size was 1,371 KiB

✓

Avoids an excessive DOM size

423 elements

ℹ

Avoid chaining critical requests

13 chains found

✓

All text remains visible during webfont loads

✓

Avoids `document.write()`

ℹ

Avoid long main-thread tasks

14 long tasks found

ℹ

Avoid non-composited animations

1 animated element found

✓

Image elements have explicit `width` and `height`

✓

Has a `<meta name="viewport">` tag with `width` or `initial-scale`

✓

Page didn't prevent back/forward cache restoration

ℹ

Network Requests

ℹ

Network Round Trip Times

10 ms

ℹ

Server Backend Latencies

120 ms

ℹ

Tasks

ℹ

Diagnostics

ℹ

Metrics

ℹ

Screenshot Thumbnails

ℹ

Final Screenshot

ℹ

Script Treemap Data

ℹ

Resources Summary

SEO

✗

Page is blocked from indexing

✗

Document does not have a meta description

▸ 9 passed / informational

✓

Document has a `<title>` element

✓

Page has successful HTTP status code

✓

Links have descriptive text

✓

Links are crawlable

✓

robots.txt is valid

✓

Image elements have `[alt]` attributes

✓

Document has a valid `hreflang`

✓

Document has a valid `rel=canonical`

◎

Structured data is valid

Best Practices

✗

Uses deprecated APIs

1 warning found

✗

Uses third-party cookies

2 cookies found

✗

Issues were logged in the `Issues` panel in Chrome Devtools

▸ 18 passed / informational

✓

Uses HTTPS

✓

Avoids requesting the geolocation permission on page load

✓

Avoids requesting the notification permission on page load

ℹ

Ensure CSP is effective against XSS attacks

ℹ

Use a strong HSTS policy

ℹ

Ensure proper origin isolation with COOP

ℹ

Mitigate clickjacking with XFO or CSP

ℹ

Mitigate DOM-based XSS with Trusted Types

✓

Allows users to paste into input fields

✓

Displays images with correct aspect ratio

✓

Serves images with appropriate resolution

✓

Has a `<meta name="viewport">` tag with `width` or `initial-scale`

✓

Document uses legible font sizes

100% legible text

✓

Page has the HTML doctype

✓

Properly defines charset

ℹ

Detected JavaScript libraries

✓

No browser errors logged to the console

✓

Page has valid source maps

Accessibility

No issues found.

▸ 29 passed / informational

✓

`[aria-*]` attributes match their roles

✓

ARIA attributes are used as specified for the element's role

✓

`[aria-hidden="true"]` is not present on the document `<body>`

✓

Elements use only permitted ARIA attributes

✓

`[aria-*]` attributes have valid values

✓

`[aria-*]` attributes are valid and not misspelled

✓

Background and foreground colors have a sufficient contrast ratio

✓

Document has a `<title>` element

✓

Heading elements appear in a sequentially-descending order

✓

`<html>` element has a `[lang]` attribute

✓

`<html>` element has a valid value for its `[lang]` attribute

✓

Image elements have `[alt]` attributes

✓

Image elements do not have `[alt]` attributes that are redundant text.

✓

Links have a discernible name

✓

Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).

✓

List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements

✓

`[user-scalable="no"]` is not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.

✓

Touch targets have sufficient size and spacing.

◎

Interactive controls are keyboard focusable

◎

Interactive elements indicate their purpose and state

◎

The page has a logical tab order

◎

Visual order on the page follows DOM order

◎

User focus is not accidentally trapped in a region

◎

The user's focus is directed to new content added to the page

◎

HTML5 landmark elements are used to improve navigation

◎

Offscreen content is hidden from assistive technology

◎

Custom controls have associated labels

◎

Custom controls have ARIA roles

✓

Elements with visible text labels have matching accessible names.