Mobile 375 × 812

Desktop 1440 × 900

Score: 75 / 100
Based on 8 categories, 0 sections
The overall score is a weighted average of individual category scores. Categories with more impact on user experience and security carry more weight.
Weights reflect general web best practices. Individual needs may differ.
Content-Security-Policy header is missing
No Content-Security-Policy header found
19 image-only link(s) without alt text
9 link(s) with no accessible text
Cross-Origin-Embedder-Policy header is missing
[](https://beavercheck.com/results/77d73532-d7b7-4396-adbc-d60bf1de7fa3)<a href="https://beavercheck.com/results/77d73532-d7b7-4396-adbc-d60bf1de7fa3"><img src="https://beavercheck.com/badge?url=https%3A%2F%2Freact.dev" alt="BeaverCheck Score"></a>https://beavercheck.com/badge?url=https%3A%2F%2Freact.devThis badge auto-updates with your latest scan result.
Thanks for your feedback!
Industry-standard audits powered by Google Lighthouse.
Key metrics that affect user experience.
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
1.27 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
7.10 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
668 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.000
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
3.08 s
Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.
7.13 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
| URL | Transfer Size | Est Savings |
|---|---|---|
| www.googletagmanager.com/gtag/js?id=G-B1E83PJ3RT | 144.6 KiB | 62.4 KiB |
| react.dev/_next/static/chunks/4ad82c5e.aa059996e264f809.js | 49.8 KiB | 44.8 KiB |
| react.dev/_next/static/chunks/811.b2e5ca620a3f883e.js | 109.4 KiB | 44.1 KiB |
| react.dev/_next/static/chunks/928-e89de0bd2e20fa8c.js | 93.7 KiB | 31.7 KiB |
| react.dev/_next/static/chunks/668-9be9de6fa7660277.js | 33.8 KiB | 25.7 KiB |
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
| URL | Total CPU Time | Script Evaluation | Script Parse |
|---|---|---|---|
| react.dev/ | 728 ms | 51 ms | 3.9 ms |
| react.dev/_next/static/chunks/framework-76ad44d61c11f057.js | 679 ms | 593 ms | 24 ms |
| Unattributable | 454 ms | 14 ms | 0.0 ms |
| www.googletagmanager.com/gtag/js?id=G-B1E83PJ3RT | 280 ms | 224 ms | 54 ms |
| react.dev/_next/static/chunks/4ad82c5e.aa059996e264f809.js | 203 ms | 183 ms | 19 ms |
| react.dev/_next/static/chunks/main-8bc660a98b463b2d.js | 131 ms | 112 ms | 18 ms |
| /_next/static/chunks/pages/[[...markdownPath]]-ef91ae6651... | 120 ms | 116 ms | 2.1 ms |
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
| Category | Time Spent |
|---|---|
| Script Evaluation | 1.3 s |
| Other | 526 ms |
| Style & Layout | 515 ms |
| Script Parsing & Compilation | 217 ms |
| Parse HTML & CSS | 102 ms |
| Rendering | 50 ms |
| Garbage Collection | 20 ms |
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
| URL | Transfer Size | Est Savings |
|---|---|---|
| react.dev/_next/static/css/08c63e3f3aafb0fb.css | 19.9 KiB | 15.8 KiB |
More information about the performance of your application. These numbers don't directly affect the Performance score.
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
| Failing Elements |
|---|
example.com/ div.w-full > div.select-none > div.w-full > span.text-gray-30 |
example.com/ div.w-full > div.select-none > div.w-full > span.text-gray-30 |
example.com div.w-full > div.select-none > div.w-full > span.text-gray-30 |
These are opportunities to improve the legibility of your content.
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
| Failing Elements |
|---|
Stay true to the web div.h-full > div.relative > div.relative > h4.leading-tight |
These are opportunities to improve keyboard navigation in your application.
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. Learn more about accessible names.
| Failing Elements |
|---|
Get Started div.mx-auto > div.flex-col > div.mt-20 > a.active:scale-[.98] |
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. Learn how to make links crawlable
| Uncrawlable Link |
|---|
div.max-w-3xl > div.p-4 > div.flex > a.outline-link div.max-w-3xl > div.p-4 > div.flex > a.outline-link |
div.max-w-3xl > div.p-4 > div.flex > a.outline-link div.max-w-3xl > div.p-4 > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
To appear in search results, crawlers need access to your app.
Industry-standard audits powered by Google Lighthouse. — Desktop
Key metrics that affect user experience. — Desktop
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
354 ms
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
819 ms
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
4 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.000
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
588 ms
Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.
1.52 s
Audit breakdown by category with detailed findings.
Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
3rd party code can significantly impact load performance. Reduce and defer loading of 3rd party code to prioritize your page's content.
A forced reflow occurs when JavaScript queries geometric properties (such as offsetWidth) after styles have been invalidated by a change to the DOM state. This can result in poor performance. Learn more about forced reflows and possible mitigations.
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
These insights are also available in the Chrome DevTools Performance Panel - record a trace to view more detailed information.
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
| URL | Transfer Size | Est Savings |
|---|---|---|
| www.googletagmanager.com/gtag/js?id=G-B1E83PJ3RT | 122.7 KiB | 52.9 KiB |
| react.dev/_next/static/chunks/4ad82c5e.aa059996e264f809.js | 49.8 KiB | 44.8 KiB |
| react.dev/_next/static/chunks/811.b2e5ca620a3f883e.js | 109.4 KiB | 44.1 KiB |
| react.dev/_next/static/chunks/928-e89de0bd2e20fa8c.js | 93.7 KiB | 31.7 KiB |
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
| URL | Transfer Size | Est Savings |
|---|---|---|
| react.dev/_next/static/css/08c63e3f3aafb0fb.css | 19.9 KiB | 14.8 KiB |
More information about the performance of your application. These numbers don't directly affect the Performance score.
These checks highlight opportunities to improve the accessibility of your web app. Automatic detection can only detect a subset of issues and does not guarantee the accessibility of your web app, so manual testing is also encouraged.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
| Failing Elements |
|---|
Search
Ctrl
K nav.duration-300 > div.flex > div.items-center > button.flex |
Ctrl div.items-center > button.flex > span.hidden > kbd.w-10 |
example.com/ div.w-full > div.select-none > div.w-full > span.text-gray-30 |
example.com/ div.w-full > div.select-none > div.w-full > span.text-gray-30 |
example.com div.w-full > div.select-none > div.w-full > span.text-gray-30 |
These are opportunities to improve the legibility of your content.
Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more about heading order.
| Failing Elements |
|---|
Stay true to the web div.h-full > div.relative > div.relative > h4.leading-tight |
These are opportunities to improve keyboard navigation in your application.
Visible text labels that do not match the accessible name can result in a confusing experience for screen reader users. Learn more about accessible names.
| Failing Elements |
|---|
Get Started div.mx-auto > div.flex-col > div.mt-20 > a.active:scale-[.98] |
These checks ensure that your page is following basic search engine optimization advice. There are many additional factors Lighthouse does not score here that may affect your search ranking, including performance on Core Web Vitals. Learn more about Google Search Essentials.
Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. Learn how to make links crawlable
| Uncrawlable Link |
|---|
div.max-w-3xl > div.p-4 > div.flex > a.outline-link div.max-w-3xl > div.p-4 > div.flex > a.outline-link |
div.max-w-3xl > div.p-4 > div.flex > a.outline-link div.max-w-3xl > div.p-4 > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
section.relative > div.flex > div.flex > a.outline-link section.relative > div.flex > div.flex > a.outline-link |
To appear in search results, crawlers need access to your app.
Send Feedback