Skip to content

Homepage

Jump to bottom
Guyomar Alexis edited this page Jun 27, 2020 · 4 revisions

This is the Audit for Homepage.

📝 Overall results

GT Metrix

PageSpeed Score YSlow Score Fully Loaded Time Total page Size Requests
A(100%) A (97%) 1.9s 546KB 6

Google Chrome (Desktop)

Performance Accessibility Best Practices SEO
97% 100% 100% 100%

Google Chrome (Mobile)

Performance Accessibility Best Practices SEO
97% 100% 100% 100%

⚡️ Performance

🥅 Desktop (97%)

🌐 Metrics
Treatment Time
First Contentful Paint 2.1s
Speed Index 2.1s
Time to Interactive 2.4s
First Meaningful Paint 2.1s
First CPU Idle 2.6s
Max Potential First Input Delay 90ms
🔍 Diagnostics
  • Keep request counts low and transfer sizes small - 6 requests • 466 KB
Ressource Type Requests Transfer Size
Total 6 466KB
Other 1 333KB
Script 2 124KB
Stylesheet 1 7KB
Font 1 1KB
Document 1 1KB
Image 0 0KB
Media 0 0KB
Third-party 0 0KB
✅ Passed audits (23)
  • Eliminate render-blocking resources.
  • Properly size images.
  • Defer offscreen images.
  • Minify CSS.
  • Minify JavaScript.
  • Remove unused CSS.
  • Efficiently encode images.
  • Serve images in next-gen formats.
  • Enable text compression.
  • Preconnect to required origins.
  • Server response times are low (TTFB) - Root document took 50 ms.
  • Avoid multiple page redirects.
  • Preload key requests.
  • Use video formats for animated content.
  • Avoids enormous network payloads - Total size was 466 KB.
  • Uses efficient cache policy on static assets - 0 resources found.
  • Avoids an excessive DOM size - 46 elements.
  • Avoid chaining critical requests.
  • User Timing marks and measures.
  • JavaScript execution time - 0.2 s.
  • Minimizes main-thread work - 0.4 s.
  • All text remains visible during webfont loads.
  • Minimize third-party usage.

📱 Mobile (97%)

🌐 Metrics
Treatment Time
First Contentful Paint 2.2s
Speed Index 2.6s
Time to Interactive 2.4s
First Meaningful Paint 2.2s
First CPU Idle 2.3s
Max Potential First Input Delay 80ms
🔍 Diagnostics
  • Keep request counts low and transfer sizes small - 6 requests • 141 KB
Ressource Type Requests Transfer Size
Total 6 141KB
Other 1 0KB
Script 2 132KB
Stylesheet 1 7KB
Font 1 1KB
Document 1 1KB
Image 0 0KB
Media 0 0KB
Third-party 0 0KB
✅ Passed audits (23)
  • Eliminate render-blocking resources.
  • Properly size images.
  • Defer offscreen images.
  • Minify CSS.
  • Minify JavaScript.
  • Remove unused CSS.
  • Efficiently encode images.
  • Serve images in next-gen formats.
  • Enable text compression.
  • Preconnect to required origins.
  • Server response times are low (TTFB) - Root document took 70 ms.
  • Avoid multiple page redirects.
  • Preload key requests.
  • Use video formats for animated content.
  • Avoids enormous network payloads - Total size was 141 KB.
  • Uses efficient cache policy on static assets - 0 resources found.
  • Avoids an excessive DOM size - 20 elements.
  • Avoid chaining critical requests.
  • User Timing marks and measures.
  • JavaScript execution time - 0.1 s.
  • Minimizes main-thread work - 0.4 s.
  • All text remains visible during webfont loads.
  • Minimize third-party usage.

♿️ Accessibility

🥅 Desktop (100%)

👷 Manual check (11)
  • The page has a logical tab order ✅
  • Interactive controls are keyboard focusable ✅
  • Interactive elements indicate their purpose and state ✅
  • The user's focus is directed to new content added to the page ✅
  • User focus is not accidentally trapped in a region ✅
  • Custom controls have associated labels ✅
  • Custom controls have ARIA roles ✅
  • Visual order on the page follows DOM order ✅
  • Offscreen content is hidden from assistive technologie.
  • Headings don't skip levels ✅
  • HTML5 landmark elements are used to improve navigation ✅
✅ Passed audits (9)
  • Buttons have an accessible name.
  • Background and foreground colors have a sufficient contrast ratio.
  • Document has a <title> element.
  • [id] attributes on the page are unique.
  • <html> element has a [lang] attribute.
  • <html>element has a valid value for its [lang] attribute.
  • Lists contain only <li> elements and script supporting elements (<script> and <template>).
  • List items (<li>) are contained within <ul> or <ol> parents elements.
  • [user-scalable="no"] is not used in the <meta name="viewport"> element and the [maximum-scale] attribute is not less than 5.
🏁 Not applicable (26)
  • [accesskey] values are unique.
  • [aria-*] attributes match their roles.
  • [role]s have all required [aria-*] attributes.
  • Elements with an ARIA [role] that require children to contain a specific [role] have all required children.
  • [role]s are contained by their required parent element.
  • [role] values are valid.
  • [aria-*] attributes have valid values.
  • [aria-*] attributes are valid and not misspelled.
  • <audio> elements contain a <track> element with [kind="captions"].
  • The page contains a heading, skip link, or landmark region.
  • <dl>'s contain only properly-ordered <dt> and <dd> groups, <script> or <template> elements.
  • Definition list items are wrapped in <dl> elements.
  • <frame> or <iframe> elements have a title.
  • Image elements have [alt] attributes.
  • <input type="image"> elements have [alt] text.
  • Form elements have associated labels.
  • Presentational <table> elements avoid using <th>, <caption> or the [summary] attribute.
  • Links have a discernible name.
  • The document does not use <meta http-equiv="refresh">.
  • <object> elements have [alt] text.
  • No element has a [tabindex] value greater than 0.
  • Cells in a <table> element that use the [headers] attribute refer to table cells within the same table.
  • <th> elements and elements with [role="columnheader"/"rowheader"] have data cells they describe.
  • [lang] attributes have a valid value.
  • <video> elements contain a <track> element with [kind="captions"].
  • <video> elements contain a <track> element with [kind="description"].

📱 Mobile (100%)

👷 Manual check (11)
  • The page has a logical tab order ✅
  • Interactive controls are keyboard focusable ✅
  • Interactive elements indicate their purpose and state ✅
  • The user's focus is directed to new content added to the page ✅
  • User focus is not accidentally trapped in a region ✅
  • Custom controls have associated labels ✅
  • Custom controls have ARIA roles ✅
  • Visual order on the page follows DOM order ✅
  • Offscreen content is hidden from assistive technologie.
  • Headings don't skip levels ✅
  • HTML5 landmark elements are used to improve navigation ✅
✅ Passed audits (10)
  • [aria-*] attributes match their roles
  • [aria-*] attributes have valid values
  • [aria-*] attributes are valid and not misspelled
  • Buttons have an accessible name
  • Background and foreground colors have a sufficient contrast ratio
  • Document has a <title> element
  • [id] attributes on the page are unique
  • <html> element has a [lang] attribute
  • <html> element has a valid value for its [lang] attribute
  • [user-scalable="no"] is not used in the <meta name="viewport"> element and the [maximum-scale] attribute is not less than 5.
🏁 Not applicable (25)
  • [accesskey] values are unique.
  • [role]s have all required [aria-*] attributes.
  • Elements with an ARIA [role] that require children to contain a specific [role] have all required children.
  • [role]s are contained by their required parent element.
  • [role] values are valid.
  • <audio> elements contain a <track> element with [kind="captions"].
  • The page contains a heading, skip link, or landmark region.
  • <dl>'s contain only properly-ordered <dt> and <dd> groups, <script> or <template> elements.
  • Definition list items are wrapped in <dl> elements.
  • <frame> or <iframe> elements have a title.
  • Image elements have [alt] attributes.
  • <input type="image"> elements have [alt] text.
  • Form elements have associated labels.
  • Presentational <table> elements avoid using <th>, <caption> or the [summary] attribute.
  • Links have a discernible name.
  • Lists contain only <li> elements and script supporting elements (<script> and <template>).
  • List items (<li>) are contained within <ul> or <ol> parent elements
  • The document does not use <meta http-equiv="refresh">.
  • <object> elements have [alt] text.
  • No element has a [tabindex] value greater than 0.
  • Cells in a <table> element that use the [headers] attribute refer to table cells within the same table.
  • <th> elements and elements with [role="columnheader"/"rowheader"] have data cells they describe.
  • [lang] attributes have a valid value.
  • <video> elements contain a <track> element with [kind="captions"].
  • <video> elements contain a <track> element with [kind="description"].

🚸 Best Practices

🥅 Desktop (100%)

✅ Passed audits (15)
  • Avoids Application Cache.
  • Uses HTTPS.
  • Uses HTTP/2.
  • Uses passive listeners to improve scrolling performance.
  • Avoids document.write().
  • Links to cross-origin destinations are safe.
  • Avoids requesting the geolocation permission on page load.
  • Page has the HTML doctype.
  • Avoids front-end JavaScript libraries with known security vulnerabilities.
  • Detected JavaScript libraries.
  • Avoids requesting the notification permission on page load.
  • Avoids deprecated APIs.
  • Allows users to paste into password fields.
  • No browser errors logged to the console.
  • Displays images with correct aspect ratio.

📱 Mobile (100%)

✅ Passed audits (15)
  • Avoids Application Cache.
  • Uses HTTPS.
  • Uses HTTP/2.
  • Uses passive listeners to improve scrolling performance.
  • Avoids document.write().
  • Links to cross-origin destinations are safe.
  • Avoids requesting the geolocation permission on page load.
  • Page has the HTML doctype.
  • Avoids front-end JavaScript libraries with known security vulnerabilities.
  • Detected JavaScript libraries.
  • Avoids requesting the notification permission on page load.
  • Avoids deprecated APIs.
  • Allows users to paste into password fields.
  • No browser errors logged to the console.
  • Displays images with correct aspect ratio.

Audit

Clone this wiki locally