0% found this document useful (0 votes)
84 views6 pages

Performance: Performance Accessibility Best Practices SEO Progressive Web App

The document summarizes the results of a Lighthouse performance audit of the http://shopbeta.ohmybox.gift/ website. The site scored 67/100 for performance, 79/100 for accessibility, 86/100 for best practices, and 92/100 for SEO. The audit found opportunities to improve load time by reducing server response time, properly sizing images, removing unused JavaScript and CSS. It also found issues with accessibility like links missing discernible names and lists not being contained in parent elements. Security vulnerabilities and use of HTTP were noted under best practices.

Uploaded by

Gaby Karam
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)
84 views6 pages

Performance: Performance Accessibility Best Practices SEO Progressive Web App

The document summarizes the results of a Lighthouse performance audit of the http://shopbeta.ohmybox.gift/ website. The site scored 67/100 for performance, 79/100 for accessibility, 86/100 for best practices, and 92/100 for SEO. The audit found opportunities to improve load time by reducing server response time, properly sizing images, removing unused JavaScript and CSS. It also found issues with accessibility like links missing discernible names and lists not being contained in parent elements. Security vulnerabilities and use of HTTP were noted under best practices.

Uploaded by

Gaby Karam
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

11/16/2020

http://shopbeta.ohmybox.gift/

67 79 86 92

Performance Accessibility Best SEO Progressive


Practices Web App

0–49 50–89 90–100

There were issues affecting this run of Lighthouse:

Chrome extensions negatively affected this page's load performance. Try auditing the page in incognito mode or
from a Chrome profile without extensions.

67

Performance
Metrics

First Contentful Paint 1.4 s Time to Interactive 1.7 s

Speed Index 6.4 s Total Blocking Time 50 ms

Largest Contentful Paint 2.4 s Cumulative Layout Shift 0.072

Values are estimated and may vary. The performance score is calculated directly from these metrics. See calculator.

View Original Trace

1/6
11/16/2020

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

Opportunity Estimated Savings

Reduce initial server response time 2.93 s

Properly size images 0.55 s

Remove unused JavaScript 0.29 s

Use HTTP/2 0.24 s

Remove unused CSS 0.21 s

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

Ensure text remains visible during webfont load

Does not use passive listeners to improve scrolling performance

Minimize main-thread work — 2.1 s

Avoid chaining critical requests — 45 chains found

User Timing marks and measures — 2 user timings

Keep request counts low and transfer sizes small — 56 requests • 1,804 KiB

Largest Contentful Paint element — 1 element found

Avoid large layout shifts — 5 elements found

Avoid long main-thread tasks — 7 long tasks found

Avoid non-composited animations — 1 animated element found

Passed audits (20)

79 2/6
11/16/2020

79

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.

Navigation — These are opportunities to improve keyboard navigation in your application.

Heading elements are not in a sequentially-descending order

Names and labels — 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.

Links do not have a discernible name

Tables and lists — These are opportunities to improve the experience of reading tabular or list data using assistive
technology, like a screen reader.

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

List items (<li>) are not contained within <ul> or <ol> parent elements.

Best practices — These items highlight common accessibility best practices.

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

Additional items to manually check (10) — These items address areas which an automated testing tool cannot cover.
Learn more in our guide on conducting an accessibility review.

Passed audits (13)

Not applicable (23)

3/6
11/16/2020

86

Best Practices
Trust and Safety

Does not use HTTPS — 55 insecure requests found

Includes front-end JavaScript libraries with known security vulnerabilities — 5 vulnerabilities detected

Passed audits (13)

92

SEO
These checks ensure that your page is optimized for search engine results
ranking. There are additional factors Lighthouse does not check that may
affect your search ranking. Learn more.

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

Document does not have a meta description

Additional items to manually check (1) — Run these additional validators on your site to check additional SEO best
practices.

Passed audits (11)

4/6
11/16/2020

Not applicable (2)

Progressive Web App


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

Fast and reliable

Page load is fast enough on mobile networks

Current page does not respond with a 200 when offline

start_url does not respond with a 200 when offline No usable web app manifest found on page.

Installable

Does not use HTTPS — 55 insecure requests found

Does not register a service worker that controls page and start_url

Web app manifest does not meet the installability requirements Failures: No manifest was fetched.

PWA Optimized

Does not redirect HTTP traffic to HTTPS

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 sized correctly for the viewport

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

5/6
11/16/2020

Contains some content when JavaScript is not available

Provides a valid apple-touch-icon

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

Additional items to manually check (3) — 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.

Runtime Settings

URL http://shopbeta.ohmybox.gift/

Fetch Time Nov 16, 2020, 2:48 PM GMT+2

Device Emulated Desktop

Network throttling 40 ms TCP RTT, 10,240 Kbps throughput (Simulated)

CPU throttling 1x slowdown (Simulated)

Channel devtools

User agent (host) Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML,
like Gecko) Chrome/86.0.4240.198 Safari/537.36

User agent (network) Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML,
like Gecko) Chrome/84.0.4143.7 Safari/537.36 Chrome-Lighthouse

CPU/Memory Power 1334

Generated by Lighthouse 6.2.0 | File an issue

6/6

You might also like