27/09/2023, 16:18 about:blank
http://localhost:3000/
84 88 75
Performance Accessibility Best PWA
Practices
84
Performance
Values are estimated and may vary. The performance score
is calculated directly from these metrics. See calculator.
0–49 50–89 90–100
METRICS Expand view
First Contentful Paint Largest Contentful Paint
0.2 s 2.0 s
Total Blocking Time Cumulative Layout Shift
30 ms 0.157
Speed Index
1.0 s
View Treemap View Original Trace
Show audits relevant to: All FCP LCP TBT CLS
OPPORTUNITIES
Opportunity Estimated Savings
Serve images in next-gen formats 1.56s
about:blank 1/4
27/09/2023, 16:18 about:blank
Minify JavaScript 0.20s
Reduce unused JavaScript 0.20s
These suggestions can help your page load faster. They don't directly affect the Performance score.
DIAGNOSTICS
Image elements do not have explicit width and height
Page prevented back/forward cache restoration — 1 failure reason
Serve static assets with an efficient cache policy — 1 resource found
Avoid enormous network payloads — Total size was 2,838 KiB
Keep request counts low and transfer sizes small — 10 requests • 2,833 KiB
Largest Contentful Paint element — 2,030 ms
Avoid large layout shifts — 2 elements found
Avoid long main-thread tasks — 1 long task found
More information about the performance of your application. These numbers don't directly affect the Performance score.
PASSED AUDITS (29) Show
88
Accessibility
These checks highlight opportunities to improve the accessibility of your
web app. Only a subset of accessibility issues can be automatically
detected so manual testing is also encouraged.
NAMES AND LABELS
Image elements do not have [alt] attributes
These are opportunities to improve the semantics of the controls in your application. This may enhance the experience for users
of assistive technology, like a screen reader.
about:blank 2/4
27/09/2023, 16:18 about:blank
CONTRAST
Background and foreground colors do not have a sufficient contrast ratio.
These are opportunities to improve the legibility of your content.
ADDITIONAL ITEMS TO MANUALLY CHECK (10) Show
These items address areas which an automated testing tool cannot cover. Learn more in our guide on conducting an accessibility
review.
PASSED AUDITS (13) Show
NOT APPLICABLE (33) Show
75
Best Practices
USER EXPERIENCE
Displays images with incorrect aspect ratio
Serves images with low resolution
GENERAL
Browser errors were logged to the console
Detected JavaScript libraries
TRUST AND SAFETY
Ensure CSP is effective against XSS attacks
PASSED AUDITS (10) Show
NOT APPLICABLE (1) Show
about:blank 3/4
27/09/2023, 16:18 about:blank
PWA
These checks validate the aspects of a Progressive Web App. Learn what
makes a good Progressive Web App.
INSTALLABLE
Web app manifest or service worker do not meet the installability requirements — 1 reason
PWA OPTIMIZED
Does not register a service worker that controls page and start_url
Is not configured for a custom splash screen Failures: Manifest does not have `name`.
Sets a theme color for the address bar.
Content is sized correctly for the viewport
Has a <meta name="viewport"> tag with width or initial-scale
Manifest doesn't have a maskable icon
ADDITIONAL ITEMS TO MANUALLY CHECK (3) Show
These checks are required by the baseline PWA Checklist but are not automatically checked by Lighthouse. They do not affect
your score but it's important that you verify them manually.
Captured at Sep 27, 2023, Emulated Desktop with Single page load
4:18 PM GMT+5:30 Lighthouse 10.3.0
Initial page load Custom throttling Using Chromium 116.0.0.0
with devtools
Generated by Lighthouse 10.3.0 | File an issue
about:blank 4/4
