0% found this document useful (0 votes)
17 views8 pages

BEM Performance

Uploaded by

hy5saleem
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
17 views8 pages

BEM Performance

Uploaded by

hy5saleem
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

3/19/23, 5:48 PM about:blank

https://thebullseyemarketing.com/

33 86 83 79

Performance Accessibility Best SEO PWA


Practices

33

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 Time to Interactive

3.6 s 53.4 s

Speed Index Total Blocking Time

34.7 s 3,470 ms

Largest Contentful Paint Cumulative Layout Shift

about:blank 1/8
3/19/23, 5:48 PM about:blank

3.7 s 0.019

View Treemap View Original Trace

Show audits relevant to: All FCP TBT LCP CLS

OPPORTUNITIES

Opportunity Estimated Savings

Properly size images 76.37


s

Defer offscreen images 67.5 s

Serve images in next-gen formats 35.72


s

Efficiently encode images 11.85


s

Reduce unused JavaScript 3.02 s

Eliminate render-blocking resources 1.57 s

Reduce initial server response time 0.75 s

Reduce unused CSS 0.6 s

about:blank 2/8
3/19/23, 5:48 PM about:blank

Enable text compression 0.15 s

These suggestions can help your page load faster. They don't directly affect the Performance score.

DIAGNOSTICS

Avoid enormous network payloads — Total size was 17,063 KiB

Serve static assets with an efficient cache policy — 76 resources found

Minimize main-thread work — 19.6 s

Does not use passive listeners to improve scrolling performance

Image elements do not have explicit width and height

Reduce JavaScript execution time — 3.7 s

Avoid an excessive DOM size — 827 elements

Avoid chaining critical requests — 61 chains found

Keep request counts low and transfer sizes small — 102 requests • 17,063 KiB

Largest Contentful Paint element — 1 element found

Avoid large layout shifts — 4 elements found

Avoid long main-thread tasks — 20 long tasks found

More information about the performance of your application. These numbers don't directly affect the Performance score.

about:blank 3/8
3/19/23, 5:48 PM about:blank

PASSED AUDITS (19) Show

86

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

Buttons do not have an accessible name

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.

NAVIGATION

Heading elements are not in a sequentially-descending order

These are opportunities to improve keyboard navigation in your application.

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.

about:blank 4/8
3/19/23, 5:48 PM about:blank

PASSED AUDITS (22) Show

NOT APPLICABLE (19) Show

83

Best Practices

GENERAL

Uses deprecated APIs — 1 warning found

Issues were logged in the Issues panel in Chrome Devtools

Detected JavaScript libraries

TRUST AND SAFETY

Ensure CSP is effective against XSS attacks

PASSED AUDITS (11) Show

NOT APPLICABLE (1) Show

about:blank 5/8
3/19/23, 5:48 PM about:blank

79

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

CONTENT BEST PRACTICES

Document does not have a meta description

Image elements do not have [alt] attributes

Format your HTML in a way that enables crawlers to better understand your app’s content.

CRAWLING AND INDEXING

Links are not crawlable

To appear in search results, crawlers need access to your app.

ADDITIONAL ITEMS TO MANUALLY CHECK (1) Show

Run these additional validators on your site to check additional SEO best practices.

PASSED AUDITS (11) Show

about:blank 6/8
3/19/23, 5:48 PM about:blank

PWA
These checks validate the aspects of a Progressive Web App. Learn more.

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: No manifest was fetched.

Does not set a theme color for the address bar.


Failures: No manifest was fetched, No `<meta name="theme-color">` tag found.

Content is not sized correctly for the viewport The viewport size of 393px does not match the window size of 360px.

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

Provides a valid apple-touch-icon

Manifest doesn't have a maskable icon No manifest was fetched

about:blank 7/8
3/19/23, 5:48 PM about:blank

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 Mar 19, 2023, 5:45 Emulated Moto G4 with Single page load
PM GMT+5:30 Lighthouse 9.6.8
Initial page load Slow 4G throttling Using Chromium 111.0.0.0 with
devtools

Generated by Lighthouse 9.6.8 | File an issue

about:blank 8/8

You might also like