reports.json

{"userAgent":"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36","lighthouseVersion":"3.0.0-beta.0","fetchTime":"2018-08-23T18:54:26.465Z","requestedUrl":"https://pablomarch.github.io/snake-game/","finalUrl":"https://pablomarch.github.io/snake-game/","runWarnings":[],"audits":{"is-on-https":{"id":"is-on-https","title":"Uses HTTPS","description":"All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/https).","score":1,"scoreDisplayMode":"binary","rawValue":true,"displayValue":"","details":{"type":"table","headings":[],"items":[]}},"redirects-http":{"id":"redirects-http","title":"Redirects HTTP traffic to HTTPS","description":"If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http-redirects-to-https).","score":1,"scoreDisplayMode":"binary","rawValue":true},"service-worker":{"id":"service-worker","title":"Registers a service worker","description":"The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/registered-service-worker).","score":1,"scoreDisplayMode":"binary","rawValue":true},"works-offline":{"id":"works-offline","title":"Responds with a 200 when offline","description":"If you're building a Progressive Web App, consider using a service worker so that your app can work offline. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http-200-when-offline).","score":1,"scoreDisplayMode":"binary","rawValue":true,"warnings":[]},"viewport":{"id":"viewport","title":"Has a `<meta name=\"viewport\">` tag with `width` or `initial-scale`","description":"Add a viewport meta tag to optimize your app for mobile screens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/has-viewport-meta-tag).","score":1,"scoreDisplayMode":"binary","rawValue":true,"warnings":[]},"without-javascript":{"id":"without-javascript","title":"Does not provide fallback content when JavaScript is not available","description":"Your app should display some content when JavaScript is disabled, even if it's just a warning to the user that JavaScript is required to use the app. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/no-js).","score":0,"scoreDisplayMode":"binary","rawValue":false,"explanation":"The page body should render some content if its scripts are not available."},"first-contentful-paint":{"id":"first-contentful-paint","title":"First Contentful Paint","description":"First contentful paint marks the time at which the first text/image is painted. [Learn more](https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics#first_paint_and_first_contentful_paint).","score":0.51,"scoreDisplayMode":"numeric","rawValue":3981.989325,"displayValue":["%10d ms",3981.989325]},"first-meaningful-paint":{"id":"first-meaningful-paint","title":"First Meaningful Paint","description":"First Meaningful Paint measures when the primary content of a page is visible. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint).","score":0.01,"scoreDisplayMode":"numeric","rawValue":10482.6093375,"displayValue":["%10d ms",10482.6093375]},"load-fast-enough-for-pwa":{"id":"load-fast-enough-for-pwa","title":"Page load is not fast enough on 3G","description":"A fast page load over a 3G network ensures a good mobile user experience. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/fast-3g).","score":0,"scoreDisplayMode":"binary","rawValue":17435.9462875,"displayValue":["Interactive at %d s",17.4359462875],"explanation":"Your page loads too slowly and is not interactive within 10 seconds. Look at the opportunities and diagnostics in the \"Performance\" section to learn how to improve."},"speed-index":{"id":"speed-index","title":"Speed Index","description":"Speed Index shows how quickly the contents of a page are visibly populated. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/speed-index).","score":null,"scoreDisplayMode":"error","rawValue":null,"errorMessage":"Chrome didn't collect any screenshots during the page load. Please make sure there is content visible on the page, and then try re-running Lighthouse. (SPEEDINDEX_OF_ZERO)"},"screenshot-thumbnails":{"id":"screenshot-thumbnails","title":"Screenshot Thumbnails","description":"This is what the load of your site looked like.","score":null,"scoreDisplayMode":"error","rawValue":null,"errorMessage":"Chrome didn't collect any screenshots during the page load. Please make sure there is content visible on the page, and then try re-running Lighthouse. (SPEEDINDEX_OF_ZERO)"},"estimated-input-latency":{"id":"estimated-input-latency","title":"Estimated Input Latency","description":"The score above is an estimate of how long your app takes to respond to user input, in milliseconds, during the busiest 5s window of page load. If your latency is higher than 50 ms, users may perceive your app as laggy. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/estimated-input-latency).","score":0,"scoreDisplayMode":"numeric","rawValue":7612.8,"displayValue":["%d ms",7612.8]},"errors-in-console":{"id":"errors-in-console","title":"No browser errors logged to the console","description":"Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns.","score":1,"scoreDisplayMode":"binary","rawValue":0,"details":{"type":"table","headings":[],"items":[]}},"time-to-first-byte":{"id":"time-to-first-byte","title":"Keep server response times low (TTFB)","description":"Time To First Byte identifies the time at which your server sends a response. [Learn more](https://developers.google.com/web/tools/chrome-devtools/network-performance/issues).","score":1,"scoreDisplayMode":"binary","rawValue":101.586,"displayValue":"","details":{"summary":{"wastedMs":-498.414}}},"first-cpu-idle":{"id":"first-cpu-idle","title":"First CPU Idle","description":"First CPU Idle marks the first time at which the page's main thread is quiet enough to handle input. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-interactive).","score":0.02,"scoreDisplayMode":"numeric","rawValue":17435.9462875,"displayValue":["%10d ms",17435.9462875]},"interactive":{"id":"interactive","title":"Time to Interactive","description":"Interactive marks the time at which the page is fully interactive. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/consistently-interactive).","score":0.04,"scoreDisplayMode":"numeric","rawValue":17435.9462875,"displayValue":["%10d ms",17435.9462875]},"user-timings":{"id":"user-timings","title":"User Timing marks and measures","description":"Consider instrumenting your app with the User Timing API to create custom, real-world measurements of key user experiences. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/user-timing).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true,"displayValue":"","details":{"type":"table","headings":[],"items":[]}},"critical-request-chains":{"id":"critical-request-chains","title":"Critical Request Chains","description":"The Critical Request Chains below show you what resources are issued with a high priority. Consider reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/critical-request-chains).","score":null,"scoreDisplayMode":"informative","rawValue":false,"displayValue":"6 chains found","details":{"type":"criticalrequestchain","header":{"type":"text","text":"View critical network waterfall:"},"chains":{"53C0BFE1EB7DA6FB56024932D034A44F":{"request":{"url":"https://pablomarch.github.io/snake-game/","startTime":45292.436594,"endTime":45292.63949,"_responseReceivedTime":45292.598505,"transferSize":549},"children":{"1000009282.31":{"request":{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.css","startTime":45292.769938,"endTime":45292.958271,"_responseReceivedTime":45292.939481999994,"transferSize":681},"children":{}},"1000009282.32":{"request":{"url":"https://pablomarch.github.io/snake-game/runtime~vendor.bundle.js","startTime":45292.780413,"endTime":45292.969388,"_responseReceivedTime":45292.962473,"transferSize":869},"children":{}},"1000009282.33":{"request":{"url":"https://pablomarch.github.io/snake-game/vendor.566e083ead6225e53397.js","startTime":45292.793019,"endTime":45293.580596,"_responseReceivedTime":45293.222551,"transferSize":272195},"children":{}},"1000009282.34":{"request":{"url":"https://pablomarch.github.io/snake-game/runtime~app.bundle.js","startTime":45292.803839,"endTime":45292.927942,"_responseReceivedTime":45292.924559,"transferSize":911},"children":{}},"1000009282.35":{"request":{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.js","startTime":45292.806191,"endTime":45293.215691,"_responseReceivedTime":45292.978855,"transferSize":117389},"children":{}},"1000009282.41":{"request":{"url":"https://fonts.gstatic.com/s/materialicons/v40/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2","startTime":45297.072891,"endTime":45297.276983,"_responseReceivedTime":45297.193401000004,"transferSize":54717},"children":{}}}}},"longestChain":{"duration":4840.389000004507,"length":2,"transferSize":54717}}},"redirects":{"id":"redirects","title":"Avoid multiple page redirects","description":"Redirects introduce additional delays before the page can be loaded. [Learn more](https://developers.google.com/speed/docs/insights/AvoidRedirects).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":["%d ms",0],"details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0}}},"webapp-install-banner":{"id":"webapp-install-banner","title":"User will not be prompted to Install the Web App","description":"Browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/install-prompt).","score":0,"scoreDisplayMode":"binary","rawValue":false,"explanation":"Failures: Manifest does not have icons at least 192px,\nService worker does not successfully serve the manifest's start_url,\nTimed out waiting for fetched start_url."},"splash-screen":{"id":"splash-screen","title":"Is not configured for a custom splash screen","description":"A themed splash screen ensures a high-quality experience when users launch your app from their homescreens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/custom-splash-screen).","score":0,"scoreDisplayMode":"binary","rawValue":false,"explanation":"Failures: Manifest does not have icons at least 512px."},"themed-omnibox":{"id":"themed-omnibox","title":"Address bar does not match brand colors","description":"The browser address bar can be themed to match your site. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/address-bar).","score":0,"scoreDisplayMode":"binary","rawValue":false,"explanation":"Failures: No `<meta name=\"theme-color\">` tag found."},"manifest-short-name-length":{"id":"manifest-short-name-length","title":"Manifest's `short_name` won't be truncated when displayed on homescreen","description":"Make your app's `short_name` fewer than 12 characters to ensure that it's not truncated on homescreens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/manifest-short_name-is-not-truncated).","score":1,"scoreDisplayMode":"binary","rawValue":true},"content-width":{"id":"content-width","title":"Content is sized correctly for the viewport","description":"If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/content-sized-correctly-for-viewport).","score":1,"scoreDisplayMode":"binary","rawValue":true,"explanation":""},"image-aspect-ratio":{"id":"image-aspect-ratio","title":"Displays images with correct aspect ratio","description":"Image display dimensions should match natural aspect ratio.","score":1,"scoreDisplayMode":"binary","rawValue":true,"warnings":[],"details":{"type":"table","headings":[],"items":[]}},"deprecations":{"id":"deprecations","title":"Avoids deprecated APIs","description":"Deprecated APIs will eventually be removed from the browser. [Learn more](https://www.chromestatus.com/features#deprecated).","score":1,"scoreDisplayMode":"binary","rawValue":true,"displayValue":"","details":{"type":"table","headings":[],"items":[]}},"mainthread-work-breakdown":{"id":"mainthread-work-breakdown","title":"Has significant main thread work","description":"Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this.","score":0.01,"scoreDisplayMode":"numeric","rawValue":14227.140000104904,"displayValue":["%10d ms",14227.140000104904],"details":{"type":"table","headings":[{"key":"group","itemType":"text","text":"Category"},{"key":"category","itemType":"text","text":"Work"},{"key":"duration","itemType":"ms","granularity":1,"text":"Time spent"}],"items":[{"category":"Evaluate Script","group":"Script Evaluation","duration":10553.104000031948},{"category":"Run Microtasks","group":"Script Evaluation","duration":511.2720000445843},{"category":"Compile Script","group":"Script Parsing & Compile","duration":1516.199999988079},{"category":"Major GC","group":"Garbage collection","duration":709.6079999804497},{"category":"Minor GC","group":"Garbage collection","duration":271.11999997496605},{"category":"Parse HTML","group":"Parsing HTML & CSS","duration":376.23200008273125},{"category":"Parse Stylesheet","group":"Parsing HTML & CSS","duration":1.5119999945163727},{"category":"Layout","group":"Style & Layout","duration":216.7360000014305},{"category":"Recalculate Style","group":"Style & Layout","duration":71.35600000619888}]}},"bootup-time":{"id":"bootup-time","title":"JavaScript boot-up time is too high","description":"Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/bootup).","score":0.06,"scoreDisplayMode":"numeric","rawValue":12229.027999997139,"displayValue":["%10d ms",12229.027999997139],"details":{"type":"table","headings":[{"key":"url","itemType":"url","text":"URL"},{"key":"scripting","granularity":1,"itemType":"ms","text":"Script Evaluation"},{"key":"scriptParseCompile","granularity":1,"itemType":"ms","text":"Script Parsing & Compile"}],"items":[{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.js","sum":7085.719999998808,"scripting":6073.923999994993,"scriptParseCompile":1011.7960000038147},{"url":"https://pablomarch.github.io/snake-game/vendor.566e083ead6225e53397.js","sum":3536.027999997139,"scripting":3450.4639999866486,"scriptParseCompile":85.56400001049042},{"url":"chrome-extension://lmhkpmbekcpmknklioeibfkpmmfibljd/js/pagewrap.bundle.js","sum":531.6319999694824,"scripting":509.35599997639656,"scriptParseCompile":22.27599999308586},{"url":"chrome-extension://lmhkpmbekcpmknklioeibfkpmmfibljd/js/content.bundle.js","sum":270.2360000014305,"scripting":166.5320000052452,"scriptParseCompile":103.7039999961853},{"url":"https://pablomarch.github.io/snake-game/runtime~vendor.bundle.js","sum":70.94799998402596,"scripting":62.827999979257584,"scriptParseCompile":8.120000004768372},{"url":"chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/inject.js","sum":70.80799996852875,"scripting":55.19999998807907,"scriptParseCompile":15.607999980449677}],"summary":{"wastedMs":12229.027999997139}}},"uses-rel-preload":{"id":"uses-rel-preload","title":"Preload key requests","description":"Consider using <link rel=preload> to prioritize fetching late-discovered resources sooner. [Learn more](https://developers.google.com/web/updates/2016/03/link-rel-preload).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":["Potential savings of %10d ms",0],"details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0}}},"uses-rel-preconnect":{"id":"uses-rel-preconnect","title":"Avoid multiple, costly round trips to any origin","description":"Consider adding preconnect or dns-prefetch resource hints to establish early connections to important third-party origins. [Learn more](https://developers.google.com/web/fundamentals/performance/resource-prioritization#preconnect).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":["Potential savings of %10d ms",0],"details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0}}},"font-display":{"id":"font-display","title":"Text is invisible while webfonts are loading","description":"Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. [Learn more](https://developers.google.com/web/updates/2016/02/font-display).","score":0,"scoreDisplayMode":"binary","rawValue":false,"details":{"type":"table","headings":[{"key":"url","itemType":"url","text":"Font URL"},{"key":"wastedTime","itemType":"ms","granularity":1,"text":"Font download time"}],"items":[{"url":"https://fonts.gstatic.com/s/materialicons/v40/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2","wastedTime":204.09199999994598}]}},"network-requests":{"id":"network-requests","title":"Network Requests","description":"Lists the network requests that were made during page load.","score":null,"scoreDisplayMode":"informative","rawValue":7,"details":{"type":"table","headings":[{"key":"url","itemType":"url","text":"URL"},{"key":"startTime","itemType":"ms","granularity":1,"text":"Start Time"},{"key":"endTime","itemType":"ms","granularity":1,"text":"End Time"},{"key":"transferSize","itemType":"bytes","displayUnit":"kb","granularity":1,"text":"Transfer Size"},{"key":"statusCode","itemType":"text","text":"Status Code"},{"key":"mimeType","itemType":"text","text":"MIME Type"},{"key":"resourceType","itemType":"text","text":"Resource Type"}],"items":[{"url":"https://pablomarch.github.io/snake-game/","startTime":0,"endTime":202.89600000251085,"transferSize":549,"statusCode":200,"mimeType":"text/html","resourceType":"document"},{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.css","startTime":333.3439999987604,"endTime":521.6770000042743,"transferSize":681,"statusCode":200,"mimeType":"text/css","resourceType":"stylesheet"},{"url":"https://pablomarch.github.io/snake-game/runtime~vendor.bundle.js","startTime":343.8190000015311,"endTime":532.7939999988303,"transferSize":869,"statusCode":200,"mimeType":"application/javascript","resourceType":"script"},{"url":"https://pablomarch.github.io/snake-game/vendor.566e083ead6225e53397.js","startTime":356.4249999981257,"endTime":1144.00200000091,"transferSize":272195,"statusCode":200,"mimeType":"application/javascript","resourceType":"script"},{"url":"https://pablomarch.github.io/snake-game/runtime~app.bundle.js","startTime":367.2450000012759,"endTime":491.34800000319956,"transferSize":911,"statusCode":200,"mimeType":"application/javascript","resourceType":"script"},{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.js","startTime":369.59700000443263,"endTime":779.0969999987283,"transferSize":117389,"statusCode":200,"mimeType":"application/javascript","resourceType":"script"},{"url":"https://fonts.gstatic.com/s/materialicons/v40/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2","startTime":4636.297000004561,"endTime":4840.389000004507,"transferSize":54717,"statusCode":200,"mimeType":"font/woff2","resourceType":"font"}]}},"metrics":{"id":"metrics","title":"Metrics","description":"Collects all available metrics.","score":null,"scoreDisplayMode":"error","rawValue":null,"errorMessage":"Chrome didn't collect any screenshots during the page load. Please make sure there is content visible on the page, and then try re-running Lighthouse. (SPEEDINDEX_OF_ZERO)"},"pwa-cross-browser":{"id":"pwa-cross-browser","title":"Site works cross-browser","description":"To reach the most number of users, sites should work across every major browser. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#site-works-cross-browser).","score":null,"scoreDisplayMode":"manual","rawValue":false},"pwa-page-transitions":{"id":"pwa-page-transitions","title":"Page transitions don't feel like they block on the network","description":"Transitions should feel snappy as you tap around, even on a slow network, a key to perceived performance. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#page-transitions-dont-feel-like-they-block-on-the-network).","score":null,"scoreDisplayMode":"manual","rawValue":false},"pwa-each-page-has-url":{"id":"pwa-each-page-has-url","title":"Each page has a URL","description":"Ensure individual pages are deep linkable via the URLs and that URLs are unique for the purpose of shareability on social media. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#each-page-has-a-url).","score":null,"scoreDisplayMode":"manual","rawValue":false},"accesskeys":{"id":"accesskeys","title":"`[accesskey]` values are unique","description":"Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more](https://dequeuniversity.com/rules/axe/2.2/accesskeys?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"aria-allowed-attr":{"id":"aria-allowed-attr","title":"`[aria-*]` attributes match their roles","description":"Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. [Learn more](https://dequeuniversity.com/rules/axe/2.2/aria-allowed-attr?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"aria-required-attr":{"id":"aria-required-attr","title":"`[role]`s have all required `[aria-*]` attributes","description":"Some ARIA roles have required attributes that describe the state of the element to screen readers. [Learn more](https://dequeuniversity.com/rules/axe/2.2/aria-required-attr?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"aria-required-children":{"id":"aria-required-children","title":"Elements with `[role]` that require specific children `[role]`s, are present","description":"Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/axe/2.2/aria-required-children?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"aria-required-parent":{"id":"aria-required-parent","title":"`[role]`s are contained by their required parent element","description":"Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/axe/2.2/aria-required-parent?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"aria-roles":{"id":"aria-roles","title":"`[role]` values are valid","description":"ARIA roles must have valid values in order to perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/axe/2.2/aria-roles?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"aria-valid-attr-value":{"id":"aria-valid-attr-value","title":"`[aria-*]` attributes have valid values","description":"Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. [Learn more](https://dequeuniversity.com/rules/axe/2.2/aria-valid-attr-value?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"aria-valid-attr":{"id":"aria-valid-attr","title":"`[aria-*]` attributes are valid and not misspelled","description":"Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. [Learn more](https://dequeuniversity.com/rules/axe/2.2/aria-valid-attr?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"audio-caption":{"id":"audio-caption","title":"`<audio>` elements contain a `<track>` element with `[kind=\"captions\"]`","description":"Captions make audio elements usable for deaf or hearing-impaired users, providing critical information such as who is talking, what they're saying, and other non-speech information. [Learn more](https://dequeuniversity.com/rules/axe/2.2/audio-caption?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"button-name":{"id":"button-name","title":"Buttons have an accessible name","description":"When a button doesn't have an accessible name, screen readers announce it as \"button\", making it unusable for users who rely on screen readers. [Learn more](https://dequeuniversity.com/rules/axe/2.2/button-name?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"bypass":{"id":"bypass","title":"The page contains a heading, skip link, or landmark region","description":"Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more](https://dequeuniversity.com/rules/axe/2.2/bypass?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"color-contrast":{"id":"color-contrast","title":"Background and foreground colors have a sufficient contrast ratio","description":"Low-contrast text is difficult or impossible for many users to read. [Learn more](https://dequeuniversity.com/rules/axe/2.2/color-contrast?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"definition-list":{"id":"definition-list","title":"`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>` or `<template>` elements.","description":"When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. [Learn more](https://dequeuniversity.com/rules/axe/2.2/definition-list?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"dlitem":{"id":"dlitem","title":"Definition list items are wrapped in `<dl>` elements","description":"Definition list items (`<dt>` and `<dd>`) must be wrapped in a parent `<dl>` element to ensure that screen readers can properly announce them. [Learn more](https://dequeuniversity.com/rules/axe/2.2/dlitem?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"document-title":{"id":"document-title","title":"Document has a `<title>` element","description":"The title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their search. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/title).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"duplicate-id":{"id":"duplicate-id","title":"`[id]` attributes on the page are unique","description":"The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/2.2/duplicate-id?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"frame-title":{"id":"frame-title","title":"`<frame>` or `<iframe>` elements have a title","description":"Screen reader users rely on frame titles to describe the contents of frames. [Learn more](https://dequeuniversity.com/rules/axe/2.2/frame-title?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"html-has-lang":{"id":"html-has-lang","title":"`<html>` element has a `[lang]` attribute","description":"If a page doesn't specify a lang attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page isn't actually in the default language, then the screen reader might not announce the page's text correctly. [Learn more](https://dequeuniversity.com/rules/axe/2.2/html-lang?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"html-lang-valid":{"id":"html-lang-valid","title":"`<html>` element has a valid value for its `[lang]` attribute","description":"Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) helps screen readers announce text properly. [Learn more](https://dequeuniversity.com/rules/axe/2.2/valid-lang?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"image-alt":{"id":"image-alt","title":"Image elements have `[alt]` attributes","description":"Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. [Learn more](https://dequeuniversity.com/rules/axe/2.2/image-alt?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"input-image-alt":{"id":"input-image-alt","title":"`<input type=\"image\">` elements have `[alt]` text","description":"When an image is being used as an `<input>` button, providing alternative text can help screen reader users understand the purpose of the button. [Learn more](https://dequeuniversity.com/rules/axe/2.2/input-image-alt?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"label":{"id":"label","title":"Form elements have associated labels","description":"Labels ensure that form controls are announced properly by assistive technologies, like screen readers. [Learn more](https://dequeuniversity.com/rules/axe/2.2/label?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"layout-table":{"id":"layout-table","title":"Presentational `<table>` elements avoid using `<th>`, `<caption>` or the `[summary]` attribute.","description":"A table being used for layout purposes should not include data elements, such as the th or caption elements or the summary attribute, because this can create a confusing experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/axe/2.2/layout-table?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"link-name":{"id":"link-name","title":"Links have a discernible name","description":"Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/axe/2.2/link-name?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"list":{"id":"list","title":"Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).","description":"Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. [Learn more](https://dequeuniversity.com/rules/axe/2.2/list?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"listitem":{"id":"listitem","title":"List items (`<li>`) are contained within `<ul>` or `<ol>` parent elements","description":"Screen readers require list items (`<li>`) to be contained within a parent `<ul>` or `<ol>` to be announced properly. [Learn more](https://dequeuniversity.com/rules/axe/2.2/listitem?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"meta-refresh":{"id":"meta-refresh","title":"The document does not use `<meta http-equiv=\"refresh\">`","description":"Users do not expect a page to refresh automatically, and doing so will move focus back to the top of the page. This may create a frustrating or confusing experience. [Learn more](https://dequeuniversity.com/rules/axe/2.2/meta-refresh?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"meta-viewport":{"id":"meta-viewport","title":"`[user-scalable=\"no\"]` is not used in the `<meta name=\"viewport\">` element and the `[maximum-scale]` attribute is not less than 5.","description":"Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. [Learn more](https://dequeuniversity.com/rules/axe/2.2/meta-viewport?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"object-alt":{"id":"object-alt","title":"`<object>` elements have `[alt]` text","description":"Screen readers cannot translate non-text content. Adding alt text to `<object>` elements helps screen readers convey meaning to users. [Learn more](https://dequeuniversity.com/rules/axe/2.2/object-alt?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"tabindex":{"id":"tabindex","title":"No element has a `[tabindex]` value greater than 0","description":"A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/2.2/tabindex?application=lighthouse).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"td-headers-attr":{"id":"td-headers-attr","title":"Cells in a `<table>` element that use the `[headers]` attribute only refer to other cells of that same table.","description":"Screen readers have features to make navigating tables easier. Ensuring `<td>` cells using the `[headers]` attribute only refer to other cells in the same table may improve the experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/axe/2.2/td-headers-attr?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"th-has-data-cells":{"id":"th-has-data-cells","title":"`<th>` elements and elements with `[role=\"columnheader\"/\"rowheader\"]` have data cells they describe.","description":"Screen readers have features to make navigating tables easier. Ensuring table headers always refer to some set of cells may improve the experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/axe/2.2/th-has-data-cells?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"valid-lang":{"id":"valid-lang","title":"`[lang]` attributes have a valid value","description":"Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) on elements helps ensure that text is pronounced correctly by a screen reader. [Learn more](https://dequeuniversity.com/rules/axe/2.2/valid-lang?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"video-caption":{"id":"video-caption","title":"`<video>` elements contain a `<track>` element with `[kind=\"captions\"]`","description":"When a video provides a caption it is easier for deaf and hearing impaired users to access its information. [Learn more](https://dequeuniversity.com/rules/axe/2.2/video-caption?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"video-description":{"id":"video-description","title":"`<video>` elements contain a `<track>` element with `[kind=\"description\"]`","description":"Audio descriptions provide relevant information for videos that dialogue cannot, such as facial expressions and scenes. [Learn more](https://dequeuniversity.com/rules/axe/2.2/video-description?application=lighthouse).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"custom-controls-labels":{"id":"custom-controls-labels","title":"Custom controls have associated labels","description":"Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#try_it_with_a_screen_reader).","score":null,"scoreDisplayMode":"manual","rawValue":false},"custom-controls-roles":{"id":"custom-controls-roles","title":"Custom controls have ARIA roles","description":"Custom interactive controls have appropriate ARIA roles. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#try_it_with_a_screen_reader).","score":null,"scoreDisplayMode":"manual","rawValue":false},"focus-traps":{"id":"focus-traps","title":"User focus is not accidentally trapped in a region","description":"A user can tab into and out of any control or region without accidentally trapping their focus. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard).","score":null,"scoreDisplayMode":"manual","rawValue":false},"focusable-controls":{"id":"focusable-controls","title":"Interactive controls are keyboard focusable","description":"Custom interactive controls are keyboard focusable and display a focus indicator. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard).","score":null,"scoreDisplayMode":"manual","rawValue":false},"heading-levels":{"id":"heading-levels","title":"Headings don't skip levels","description":"Headings are used to create an outline for the page and heading levels are not skipped. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#take_advantage_of_headings_and_landmarks).","score":null,"scoreDisplayMode":"manual","rawValue":false},"logical-tab-order":{"id":"logical-tab-order","title":"The page has a logical tab order","description":"Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard).","score":null,"scoreDisplayMode":"manual","rawValue":false},"managed-focus":{"id":"managed-focus","title":"The user's focus is directed to new content added to the page","description":"If new content, such as a dialog, is added to the page, the user's focus is directed to it. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard).","score":null,"scoreDisplayMode":"manual","rawValue":false},"offscreen-content-hidden":{"id":"offscreen-content-hidden","title":"Offscreen content is hidden from assistive technology","description":"Offscreen content is hidden with display: none or aria-hidden=true. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#try_it_with_a_screen_reader).","score":null,"scoreDisplayMode":"manual","rawValue":false},"use-landmarks":{"id":"use-landmarks","title":"HTML5 landmark elements are used to improve navigation","description":"Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#take_advantage_of_headings_and_landmarks).","score":null,"scoreDisplayMode":"manual","rawValue":false},"visual-order-follows-dom":{"id":"visual-order-follows-dom","title":"Visual order on the page follows DOM order","description":"DOM order matches the visual order, improving navigation for assistive technology. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#try_it_with_a_screen_reader).","score":null,"scoreDisplayMode":"manual","rawValue":false},"uses-long-cache-ttl":{"id":"uses-long-cache-ttl","title":"Uses inefficient cache policy on static assets","description":"A long cache lifetime can speed up repeat visits to your page. [Learn more](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching#cache-control).","score":0.2,"scoreDisplayMode":"numeric","rawValue":359374.5833333333,"displayValue":"5 assets found","details":{"type":"table","headings":[{"key":"url","itemType":"url","text":"URL"},{"key":"cacheLifetimeMs","itemType":"ms","text":"Cache TTL","displayUnit":"duration"},{"key":"totalBytes","itemType":"bytes","text":"Size (KB)","displayUnit":"kb","granularity":1}],"items":[{"url":"https://pablomarch.github.io/snake-game/vendor.566e083ead6225e53397.js","cacheControl":{"max-age":600},"cacheLifetimeMs":600000,"cacheHitProbability":0.08333333333333333,"totalBytes":272195,"wastedBytes":249512.0833333333},{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.js","cacheControl":{"max-age":600},"cacheLifetimeMs":600000,"cacheHitProbability":0.08333333333333333,"totalBytes":117389,"wastedBytes":107606.58333333333},{"url":"https://pablomarch.github.io/snake-game/runtime~app.bundle.js","cacheControl":{"max-age":600},"cacheLifetimeMs":600000,"cacheHitProbability":0.08333333333333333,"totalBytes":911,"wastedBytes":835.0833333333333},{"url":"https://pablomarch.github.io/snake-game/runtime~vendor.bundle.js","cacheControl":{"max-age":600},"cacheLifetimeMs":600000,"cacheHitProbability":0.08333333333333333,"totalBytes":869,"wastedBytes":796.5833333333333},{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.css","cacheControl":{"max-age":600},"cacheLifetimeMs":600000,"cacheHitProbability":0.08333333333333333,"totalBytes":681,"wastedBytes":624.25}],"summary":{"wastedBytes":359374.5833333333}}},"total-byte-weight":{"id":"total-byte-weight","title":"Avoids enormous network payloads","description":"Large network payloads cost users real money and are highly correlated with long load times. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/network-payloads).","score":1,"scoreDisplayMode":"numeric","rawValue":447311,"displayValue":["Total size was %d KB",436.8271484375],"details":{"type":"table","headings":[{"key":"url","itemType":"url","text":"URL"},{"key":"totalBytes","itemType":"bytes","displayUnit":"kb","granularity":1,"text":"Total Size"},{"key":"totalMs","itemType":"ms","text":"Transfer Time"}],"items":[{"url":"https://pablomarch.github.io/snake-game/vendor.566e083ead6225e53397.js","totalBytes":272195,"totalMs":455.49401719755747},{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.js","totalBytes":117389,"totalMs":196.4400050875441},{"url":"https://fonts.gstatic.com/s/materialicons/v40/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2","totalBytes":54717,"totalMs":91.56401160564577},{"url":"https://pablomarch.github.io/snake-game/runtime~app.bundle.js","totalBytes":911,"totalMs":1.5244771199580258},{"url":"https://pablomarch.github.io/snake-game/runtime~vendor.bundle.js","totalBytes":869,"totalMs":1.454193871837019},{"url":"https://pablomarch.github.io/snake-game/app.b53a3bcf2365d130af10.css","totalBytes":681,"totalMs":1.1395926659620368},{"url":"https://pablomarch.github.io/snake-game/","totalBytes":549,"totalMs":0.9187024575817302}]}},"offscreen-images":{"id":"offscreen-images","title":"Defer offscreen images","description":"Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/offscreen-images).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","warnings":[],"details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"render-blocking-resources":{"id":"render-blocking-resources","title":"Eliminate render-blocking resources","description":"Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/blocking-resources).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0}}},"unminified-css":{"id":"unminified-css","title":"Minify CSS","description":"Minifying CSS files can reduce network payload sizes. [Learn more](https://developers.google.com/speed/docs/insights/MinifyResources).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"unminified-javascript":{"id":"unminified-javascript","title":"Minify JavaScript","description":"Minifying JavaScript files can reduce payload sizes and script parse time. [Learn more](https://developers.google.com/speed/docs/insights/MinifyResources).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","warnings":[],"details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"unused-css-rules":{"id":"unused-css-rules","title":"Defer unused CSS","description":"Remove unused rules from stylesheets to reduce unnecessary bytes consumed by network activity. [Learn more](https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"uses-webp-images":{"id":"uses-webp-images","title":"Serve images in next-gen formats","description":"Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/webp).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","warnings":[],"details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"uses-optimized-images":{"id":"uses-optimized-images","title":"Efficiently encode images","description":"Optimized images load faster and consume less cellular data. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/optimize-images).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","warnings":[],"details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"uses-text-compression":{"id":"uses-text-compression","title":"Enable text compression","description":"Text-based responses should be served with compression (gzip, deflate or brotli) to minimize total network bytes. [Learn more](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"uses-responsive-images":{"id":"uses-responsive-images","title":"Properly size images","description":"Serve images that are appropriately-sized to save cellular data and improve load time. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/oversized-images).","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","warnings":[],"details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"efficient-animated-content":{"id":"efficient-animated-content","title":"Use video formats for animated content","description":"Large GIFs are inefficient for delivering animated content. Consider using MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes. [Learn more](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/replace-animated-gifs-with-video/)","score":1,"scoreDisplayMode":"numeric","rawValue":0,"displayValue":"","details":{"type":"table","headings":[],"items":[],"summary":{"wastedMs":0,"wastedBytes":0}}},"appcache-manifest":{"id":"appcache-manifest","title":"Avoids Application Cache","description":"Application Cache is deprecated. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/appcache).","score":1,"scoreDisplayMode":"binary","rawValue":true,"displayValue":""},"dom-size":{"id":"dom-size","title":"Avoids an excessive DOM size","description":"Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth < 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer [style calculations](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations), and produce costly [layout reflows](https://developers.google.com/speed/articles/reflow). [Learn more](https://developers.google.com/web/tools/lighthouse/audits/dom-size).","score":1,"scoreDisplayMode":"numeric","rawValue":45,"displayValue":["%d nodes",45],"details":{"type":"table","headings":[{"key":"totalNodes","itemType":"text","text":"Total DOM Nodes"},{"key":"depth","itemType":"text","text":"Maximum DOM Depth"},{"key":"width","itemType":"text","text":"Maximum Children"}],"items":[{"totalNodes":"45","depth":"8","width":"20"},{"totalNodes":"","depth":{"type":"code","value":"<span class=\"material-icons jss52\" aria-hidden=\"true\">"},"width":{"type":"code","value":"<head>"}}]}},"external-anchors-use-rel-noopener":{"id":"external-anchors-use-rel-noopener","title":"Links to cross-origin destinations are safe","description":"Add `rel=\"noopener\"` or `rel=\"noreferrer\"` to any external links to improve performance and prevent security vulnerabilities. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/noopener).","score":1,"scoreDisplayMode":"binary","rawValue":true,"warnings":[],"details":{"type":"table","headings":[],"items":[]}},"geolocation-on-start":{"id":"geolocation-on-start","title":"Avoids requesting the geolocation permission on page load","description":"Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/geolocation-on-load).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"no-document-write":{"id":"no-document-write","title":"Avoids `document.write()`","description":"For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/document-write).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"no-mutation-events":{"id":"no-mutation-events","title":"Avoids Mutation Events in its own scripts","description":"Mutation Events are deprecated and harm performance. Consider using Mutation Observers instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/mutation-events).","score":1,"scoreDisplayMode":"binary","rawValue":true,"warnings":[],"details":{"type":"table","headings":[],"items":[]}},"no-vulnerable-libraries":{"id":"no-vulnerable-libraries","title":"Avoids front-end JavaScript libraries with known security vulnerabilities","description":"Some third-party scripts may contain known security vulnerabilities  that are easily identified and exploited by attackers.","score":1,"scoreDisplayMode":"binary","rawValue":true},"no-websql":{"id":"no-websql","title":"Avoids WebSQL DB","description":"Web SQL is deprecated. Consider using IndexedDB instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/web-sql).","score":1,"scoreDisplayMode":"binary","rawValue":true,"displayValue":""},"notification-on-start":{"id":"notification-on-start","title":"Avoids requesting the notification permission on page load","description":"Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/notifications-on-load).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"password-inputs-can-be-pasted-into":{"id":"password-inputs-can-be-pasted-into","title":"Allows users to paste into password fields","description":"Preventing password pasting undermines good security policy. [Learn more](https://www.ncsc.gov.uk/blog-post/let-them-paste-passwords).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"uses-http2":{"id":"uses-http2","title":"Uses HTTP/2 for its own resources","description":"HTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http2).","score":1,"scoreDisplayMode":"binary","rawValue":true,"displayValue":"","details":{"type":"table","headings":[],"items":[]}},"uses-passive-event-listeners":{"id":"uses-passive-event-listeners","title":"Uses passive listeners to improve scrolling performance","description":"Consider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"meta-description":{"id":"meta-description","title":"Document does not have a meta description","description":"Meta descriptions may be included in search results to concisely summarize page content. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/description).","score":0,"scoreDisplayMode":"binary","rawValue":false},"http-status-code":{"id":"http-status-code","title":"Page has successful HTTP status code","description":"Pages with unsuccessful HTTP status codes may not be indexed properly. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/successful-http-code).","score":1,"scoreDisplayMode":"binary","rawValue":true},"font-size":{"id":"font-size","title":"Document uses legible font sizes","description":"Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read. Strive to have >60% of page text ≥12px. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/font-sizes).","score":1,"scoreDisplayMode":"binary","rawValue":true,"displayValue":["%.1d% legible text",100],"details":{"type":"table","headings":[{"key":"source","itemType":"url","text":"Source"},{"key":"selector","itemType":"code","text":"Selector"},{"key":"coverage","itemType":"text","text":"% of Page Text"},{"key":"fontSize","itemType":"text","text":"Font Size"}],"items":[{"source":"Legible text","selector":"","coverage":"100.00%","fontSize":"≥ 12px"}]}},"link-text":{"id":"link-text","title":"Links have descriptive text","description":"Descriptive link text helps search engines understand your content. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/descriptive-link-text).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[],"summary":{}}},"is-crawlable":{"id":"is-crawlable","title":"Page isn’t blocked from indexing","description":"Search engines are unable to include your pages in search results if they don't have permission to crawl them. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/indexing).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"robots-txt":{"id":"robots-txt","title":"robots.txt is valid","description":"If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed.","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"hreflang":{"id":"hreflang","title":"Document has a valid `hreflang`","description":"hreflang links tell search engines what version of a page they should list in search results for a given language or region. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/hreflang).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"plugins":{"id":"plugins","title":"Document avoids plugins","description":"Search engines can't index plugin content, and many devices restrict plugins or don't support them. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/plugins).","score":1,"scoreDisplayMode":"binary","rawValue":true,"details":{"type":"table","headings":[],"items":[]}},"canonical":{"id":"canonical","title":"Document has a valid `rel=canonical`","description":"Canonical links suggest which URL to show in search results. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/canonical).","score":null,"scoreDisplayMode":"not-applicable","rawValue":true},"mobile-friendly":{"id":"mobile-friendly","title":"Page is mobile friendly","description":"Take the [Mobile-Friendly Test](https://search.google.com/test/mobile-friendly) to check for audits not covered by Lighthouse, like sizing tap targets appropriately. [Learn more](https://developers.google.com/search/mobile-sites/).","score":null,"scoreDisplayMode":"manual","rawValue":false},"structured-data":{"id":"structured-data","title":"Structured data is valid","description":"Run the [Structured Data Testing Tool](https://search.google.com/structured-data/testing-tool/) and the [Structured Data Linter](http://linter.structured-data.org/) to validate structured data. [Learn more](https://developers.google.com/search/docs/guides/mark-up-content).","score":null,"scoreDisplayMode":"manual","rawValue":false}},"configSettings":{"output":"json","maxWaitForLoad":45000,"throttlingMethod":"simulate","throttling":{"rttMs":150,"throughputKbps":1638.4,"requestLatencyMs":562.5,"downloadThroughputKbps":1474.5600000000002,"uploadThroughputKbps":675,"cpuSlowdownMultiplier":4},"auditMode":false,"gatherMode":false,"disableStorageReset":false,"disableDeviceEmulation":true,"blockedUrlPatterns":null,"additionalTraceCategories":null,"extraHeaders":null,"onlyAudits":null,"onlyCategories":["performance","pwa","best-practices","accessibility","seo"],"skipAudits":null},"categories":{"performance":{"title":"Performance","auditRefs":[{"id":"first-contentful-paint","weight":3,"group":"metrics"},{"id":"first-meaningful-paint","weight":1,"group":"metrics"},{"id":"speed-index","weight":4,"group":"metrics"},{"id":"interactive","weight":5,"group":"metrics"},{"id":"first-cpu-idle","weight":2,"group":"metrics"},{"id":"estimated-input-latency","weight":0,"group":"metrics"},{"id":"render-blocking-resources","weight":0,"group":"load-opportunities"},{"id":"uses-responsive-images","weight":0,"group":"load-opportunities"},{"id":"offscreen-images","weight":0,"group":"load-opportunities"},{"id":"unminified-css","weight":0,"group":"load-opportunities"},{"id":"unminified-javascript","weight":0,"group":"load-opportunities"},{"id":"unused-css-rules","weight":0,"group":"load-opportunities"},{"id":"uses-optimized-images","weight":0,"group":"load-opportunities"},{"id":"uses-webp-images","weight":0,"group":"load-opportunities"},{"id":"uses-text-compression","weight":0,"group":"load-opportunities"},{"id":"uses-rel-preconnect","weight":0,"group":"load-opportunities"},{"id":"time-to-first-byte","weight":0,"group":"load-opportunities"},{"id":"redirects","weight":0,"group":"load-opportunities"},{"id":"uses-rel-preload","weight":0,"group":"load-opportunities"},{"id":"efficient-animated-content","weight":0,"group":"load-opportunities"},{"id":"total-byte-weight","weight":0,"group":"diagnostics"},{"id":"uses-long-cache-ttl","weight":0,"group":"diagnostics"},{"id":"dom-size","weight":0,"group":"diagnostics"},{"id":"critical-request-chains","weight":0,"group":"diagnostics"},{"id":"network-requests","weight":0},{"id":"metrics","weight":0},{"id":"user-timings","weight":0,"group":"diagnostics"},{"id":"bootup-time","weight":0,"group":"diagnostics"},{"id":"screenshot-thumbnails","weight":0},{"id":"mainthread-work-breakdown","weight":0,"group":"diagnostics"},{"id":"font-display","weight":0,"group":"diagnostics"}],"id":"performance","score":null},"pwa":{"title":"Progressive Web App","description":"These checks validate the aspects of a Progressive Web App, as specified by the baseline [PWA Checklist](https://developers.google.com/web/progressive-web-apps/checklist).","manualDescription":"These checks are required by the baseline [PWA Checklist](https://developers.google.com/web/progressive-web-apps/checklist) but are not automatically checked by Lighthouse. They do not affect your score but it's important that you verify them manually.","auditRefs":[{"id":"service-worker","weight":1},{"id":"works-offline","weight":1},{"id":"without-javascript","weight":1},{"id":"is-on-https","weight":1},{"id":"redirects-http","weight":1},{"id":"load-fast-enough-for-pwa","weight":1},{"id":"webapp-install-banner","weight":1},{"id":"splash-screen","weight":1},{"id":"themed-omnibox","weight":1},{"id":"viewport","weight":1},{"id":"content-width","weight":1},{"id":"pwa-cross-browser","weight":0},{"id":"pwa-page-transitions","weight":0},{"id":"pwa-each-page-has-url","weight":0}],"id":"pwa","score":0.55},"accessibility":{"title":"Accessibility","description":"These checks highlight opportunities to [improve the accessibility of your web app](https://developers.google.com/web/fundamentals/accessibility). Only a subset of accessibility issues can be automatically detected so manual testing is also encouraged.","manualDescription":"These items address areas which an automated testing tool cannot cover. Learn more in our guide on [conducting an accessibility review](https://developers.google.com/web/fundamentals/accessibility/how-to-review).","auditRefs":[{"id":"accesskeys","weight":0,"group":"a11y-correct-attributes"},{"id":"aria-allowed-attr","weight":3,"group":"a11y-aria"},{"id":"aria-required-attr","weight":2,"group":"a11y-aria"},{"id":"aria-required-children","weight":5,"group":"a11y-aria"},{"id":"aria-required-parent","weight":2,"group":"a11y-aria"},{"id":"aria-roles","weight":3,"group":"a11y-aria"},{"id":"aria-valid-attr-value","weight":2,"group":"a11y-aria"},{"id":"aria-valid-attr","weight":5,"group":"a11y-aria"},{"id":"audio-caption","weight":0,"group":"a11y-correct-attributes"},{"id":"button-name","weight":10,"group":"a11y-element-names"},{"id":"bypass","weight":10,"group":"a11y-describe-contents"},{"id":"color-contrast","weight":6,"group":"a11y-color-contrast"},{"id":"definition-list","weight":0,"group":"a11y-well-structured"},{"id":"dlitem","weight":0,"group":"a11y-well-structured"},{"id":"document-title","weight":2,"group":"a11y-describe-contents"},{"id":"duplicate-id","weight":5,"group":"a11y-well-structured"},{"id":"frame-title","weight":0,"group":"a11y-describe-contents"},{"id":"html-has-lang","weight":4,"group":"a11y-language"},{"id":"html-lang-valid","weight":1,"group":"a11y-language"},{"id":"image-alt","weight":0,"group":"a11y-correct-attributes"},{"id":"input-image-alt","weight":0,"group":"a11y-correct-attributes"},{"id":"label","weight":0,"group":"a11y-describe-contents"},{"id":"layout-table","weight":0,"group":"a11y-describe-contents"},{"id":"link-name","weight":0,"group":"a11y-element-names"},{"id":"list","weight":0,"group":"a11y-well-structured"},{"id":"listitem","weight":0,"group":"a11y-well-structured"},{"id":"meta-refresh","weight":0,"group":"a11y-meta"},{"id":"meta-viewport","weight":3,"group":"a11y-meta"},{"id":"object-alt","weight":0,"group":"a11y-describe-contents"},{"id":"tabindex","weight":4,"group":"a11y-correct-attributes"},{"id":"td-headers-attr","weight":0,"group":"a11y-correct-attributes"},{"id":"th-has-data-cells","weight":0,"group":"a11y-correct-attributes"},{"id":"valid-lang","weight":0,"group":"a11y-language"},{"id":"video-caption","weight":0,"group":"a11y-describe-contents"},{"id":"video-description","weight":0,"group":"a11y-describe-contents"},{"id":"logical-tab-order","weight":0},{"id":"focusable-controls","weight":0},{"id":"managed-focus","weight":0},{"id":"focus-traps","weight":0},{"id":"custom-controls-labels","weight":0},{"id":"custom-controls-roles","weight":0},{"id":"visual-order-follows-dom","weight":0},{"id":"offscreen-content-hidden","weight":0},{"id":"heading-levels","weight":0},{"id":"use-landmarks","weight":0}],"id":"accessibility","score":1},"best-practices":{"title":"Best Practices","auditRefs":[{"id":"appcache-manifest","weight":1},{"id":"no-websql","weight":1},{"id":"is-on-https","weight":1},{"id":"uses-http2","weight":1},{"id":"uses-passive-event-listeners","weight":1},{"id":"no-mutation-events","weight":1},{"id":"no-document-write","weight":1},{"id":"external-anchors-use-rel-noopener","weight":1},{"id":"geolocation-on-start","weight":1},{"id":"no-vulnerable-libraries","weight":1},{"id":"notification-on-start","weight":1},{"id":"deprecations","weight":1},{"id":"manifest-short-name-length","weight":1},{"id":"password-inputs-can-be-pasted-into","weight":1},{"id":"errors-in-console","weight":1},{"id":"image-aspect-ratio","weight":1}],"id":"best-practices","score":1},"seo":{"title":"SEO","description":"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](https://support.google.com/webmasters/answer/35769).","manualDescription":"Run these additional validators on your site to check additional SEO best practices.","auditRefs":[{"id":"viewport","weight":1,"group":"seo-mobile"},{"id":"document-title","weight":1,"group":"seo-content"},{"id":"meta-description","weight":1,"group":"seo-content"},{"id":"http-status-code","weight":1,"group":"seo-crawl"},{"id":"link-text","weight":1,"group":"seo-content"},{"id":"is-crawlable","weight":1,"group":"seo-crawl"},{"id":"robots-txt","weight":0,"group":"seo-crawl"},{"id":"hreflang","weight":1,"group":"seo-content"},{"id":"canonical","weight":0,"group":"seo-content"},{"id":"font-size","weight":1,"group":"seo-mobile"},{"id":"plugins","weight":1,"group":"seo-content"},{"id":"mobile-friendly","weight":0},{"id":"structured-data","weight":0}],"id":"seo","score":0.89}},"categoryGroups":{"metrics":{"title":"Metrics"},"load-opportunities":{"title":"Opportunities","description":"These are opportunities to speed up your application by optimizing the following resources."},"diagnostics":{"title":"Diagnostics","description":"More information about the performance of your application."},"a11y-color-contrast":{"title":"Color Contrast Is Satisfactory","description":"These are opportunities to improve the legibility of your content."},"a11y-describe-contents":{"title":"Elements Describe Contents Well","description":"These are opportunities to make your content easier to understand for a user of assistive technology, like a screen reader."},"a11y-well-structured":{"title":"Elements Are Well Structured","description":"These are opportunities to make sure your HTML is appropriately structured."},"a11y-aria":{"title":"ARIA Attributes Follow Best Practices","description":"These are opportunities to improve the usage of ARIA in your application which may enhance the experience for users of assistive technology, like a screen reader."},"a11y-correct-attributes":{"title":"Elements Use Attributes Correctly","description":"These are opportunities to improve the configuration of your HTML elements."},"a11y-element-names":{"title":"Elements Have Discernible Names","description":"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."},"a11y-language":{"title":"Page Specifies Valid Language","description":"These are opportunities to improve the interpretation of your content by users in different locales."},"a11y-meta":{"title":"Meta Tags Used Properly","description":"These are opportunities to improve the user experience of your site."},"seo-mobile":{"title":"Mobile Friendly","description":"Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content pages. [Learn more](https://developers.google.com/search/mobile-sites/)."},"seo-content":{"title":"Content Best Practices","description":"Format your HTML in a way that enables crawlers to better understand your app’s content."},"seo-crawl":{"title":"Crawling and Indexing","description":"To appear in search results, crawlers need access to your app."}},"timing":{"total":136988}}