<spanclass=lh-audit-group__itemcount></span></div><div></div></div></summary></details></template><templateid=tmpl-lh-metrics-toggle><divclass=lh-metrics-toggle><inputclass=lh-metrics-toggle__inputtype=checkboxid=toggle-metric-descriptionsaria-label="Toggle the display of metric descriptions">
<spanclass=lh-env__description></span></li></template></ul></div><divclass=lh-generated>Generated by <b>Lighthouse</b><spanclass=lh-footer__version></span> |
<spanclass=lh-3p-ui-string>Show 3rd party resources</span> (<spanclass=lh-3p-filter-count></span>)</label></div></template><templateid=tmpl-lh-snippet><divclass=lh-snippet><style>:root{--snippet-highlight-light:#fbf1f2;--snippet-highlight-dark:#ffd6d8}.lh-snippet__header{position:relative;overflow:hidden;padding:10px;border-bottom:none;color:var(--snippet-color);background-color:var(--snippet-background-color);border:1pxsolidvar(--report-border-color-secondary)}.lh-snippet__title{font-weight:700;float:left}.lh-snippet__node{float:left;margin-left:4px}.lh-snippet__toggle-expand{padding:1px7px;margin-top:-1px;margin-right:-7px;float:right;background:00;border:none;cursor:pointer;font-size:14px;color:#0c50c7}.lh-snippet__snippet{overflow:auto;border:1pxsolidvar(--report-border-color-secondary)}.lh-snippet__snippet-inner{display:inline-block;min-width:100%}.lh-snippet:not(.lh-snippet--expanded).lh-snippet__show-if-expanded{display:none}.lh-snippet.lh-snippet--expanded.lh-snippet__show-if-collapsed{display:none}.lh-snippet__line{background:#fff;white-space:pre;display:flex}.lh-snippet__line:not(.lh-snippet__line--message):first-child{padding-top:4px}.lh-snippet__line:not(.lh-snippet__line--message):last-child{padding-bottom:4px}.lh-snippet__line--content-highlighted{background:var(--snippet-highlight-dark)}.lh-snippet__line--message{background:var(--snippet-highlight-light)}.lh-snippet__line--message.lh-snippet__line-number{padding-top:10px;padding-bottom:10px}.lh-snippet__line--messagecode{padding:10px;padding-left:5px;color:var(--color-fail);font-family:var(--report-font-family)}.lh-snippet__line--messagecode{white-space:normal}.lh-snippet__line-icon{padding-top:10px;display:none}.lh-snippet__line--message.lh-snippet__line-icon{display:block}.lh-snippet__line-icon:before{content:"";display:inline-block;vertical-align:middle;margin-right:4px;width:var(--score-icon-size);height:var(--score-icon-size);background-image:var(--fail-icon-url)}.lh-snippet__line-number{flex-shrink:0;width:40px;text-align:right;font-family:monospace;padding-right:5px;margin-right:5px;color:var(--color-gray-600);user-select:none}</style><templateid=tmpl-lh-snippet__header><divclass=lh-snippet__header><divclass=lh-snippet__title></div><divclass=lh-snippet__node></div><buttonclass=lh-snippet__toggle-expand>
<spanclass="lh-scorescale-range lh-scorescale-range--pass">90–100</span></div></div></div></div></div><divclass=lh-report><div></div><divclass=lh-categories><divclass=lh-category-wrapper><divclass=lh-category><spanclass=lh-permalinkid=performance></span><divclass=lh-category-header><divclass=lh-score__gaugerole=headingaria-level=2><ahref=#performanceclass="lh-gauge__wrapper lh-gauge__wrapper--pass"><divclass=lh-gauge__svg-wrapper><svgviewBox="0 0 120 120"class="lh-gauge"><circleclass="lh-gauge-base"r="56"cx="60"cy="60"stroke-width="8"/><circleclass="lh-gauge-arc"r="56"cx="60"cy="60"stroke-width="8"style="transform:rotate(-87.95372216024705deg);stroke-dasharray:351.85837720205683px,351.85837720205683px"/></svg></div><divclass=lh-gauge__percentage>100</div><divclass=lh-gauge__label>Performance</div></a></div><divclass=lh-category-header__description></div></div><divclass="lh-audit-group lh-audit-group--metrics"><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Metrics</span></div><inputclass=lh-metrics-toggle__inputtype=checkboxid=toggle-metric-descriptionsaria-label="Toggle the display of metric descriptions">
<labelclass=lh-metrics-toggle__labelfor=toggle-metric-descriptions><divclass="lh-metrics-toggle__icon lh-metrics-toggle__icon--less"aria-hidden=true><svgxmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink"width="24"height="24"viewBox="0 0 24 24"><pathclass="lh-metrics-toggle__lines"d="M4 9h16v2H4zm0 4h10v2H4z"/></svg></div><divclass="lh-metrics-toggle__icon lh-metrics-toggle__icon--more"aria-hidden=true><svgxmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"><pathclass="lh-metrics-toggle__lines"d="M3 18h12v-2H3v2zM3 6v2h18V6H3zm0 7h18v-2H3v2z"/></svg></div></label><divclass=lh-metrics-container><divclass="lh-metric lh-metric--pass"id=first-contentful-paint><divclass=lh-metric__innerwrap><spanclass=lh-metric__title>First Contentful Paint</span><divclass=lh-metric__value>1.4 s</div><divclass=lh-metric__description><span>First Contentful Paint marks the time at which the first text or image is painted. <arel=noopenertarget=_blankhref="https://web.dev/first-contentful-paint/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div></div></div><divclass="lh-metric lh-metric--pass"id=speed-index><divclass=lh-metric__innerwrap><spanclass=lh-metric__title>Speed Index</span><divclass=lh-metric__value>1.4 s</div><divclass=lh-metric__description><span>Speed Index shows how quickly the contents of a page are visibly populated. <arel=noopenertarget=_blankhref="https://web.dev/speed-index/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div></div></div><divclass="lh-metric lh-metric--pass"id=largest-contentful-paint><divclass=lh-metric__innerwrap><spanclass=lh-metric__title>Largest Contentful Paint</span><divclass=lh-metric__value>1.5 s</div><divclass=lh-metric__description><span>Largest Contentful Paint marks the time at which the largest text or image is painted. <arel=noopenertarget=_blankhref="https://web.dev/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=cli">Learn more</a></span></div></div></div><divclass="lh-metric lh-metric--pass"id=interactive><divclass=lh-metric__innerwrap><spanclass=lh-metric__title>Time to Interactive</span><divclass=lh-metric__value>1.4 s</div><divclass=lh-metric__description><span>Time to interactive is the amount of time it takes for the page to become fully interactive. <arel=noopenertarget=_blankhref="https://web.dev/interactive/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div></div></div><divclass="lh-metric lh-metric--pass"id=total-blocking-time><divclass=lh-metric__innerwrap><spanclass=lh-metric__title>Total Blocking Time</span><divclass=lh-metric__value>10 ms</div><divclass=lh-metric__description><span>Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. <arel=noopenertarget=_blankhref="https://web.dev/lighthouse-total-blocking-time/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div></div></div><divclass="lh-metric lh-metric--pass"id=cumulative-layout-shift><divclass=lh-metric__innerwrap><spanclass=lh-metric__title>Cumulative Layout Shift</span><divclass=lh-metric__value>0</div><divclass=lh-metric__description><span>Cumulative Layout Shift measures the movement of visible elements within the viewport. <arel=noopenertarget=_blankhref="https://web.dev/cls/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div></div></div></div><divclass=lh-metrics__disclaimer><span>Values are estimated and may vary. The <arel=noopenertarget=_blankhref="https://web.dev/performance-scoring/?utm_source=lighthouse&utm_medium=cli">performance score is calculated</a> directly from these metrics.</span><aclass=lh-calclinktarget=_blankhref="https://googlechrome.github.io/lighthouse/scorecalc/#FCP=1369&SI=1369&LCP=1500&TTI=1400&TBT=6&CLS=0&FMP=1369&device=mobile&version=8.0.0">See calculator.</a></div><divclass=lh-buttons><buttonclass="lh-buttonreport-ico
<spanclass=lh-3p-ui-string>Show 3rd-party resources</span> (<spanclass=lh-3p-filter-count>0</span>)</label></div><tableclass="lh-table lh-details"><thead><tr><thclass=lh-table-column--url><divclass=lh-text>URL</div></th><thclass=lh-table-column--bytes><divclass=lh-text>Transfer Size</div></th><thclass=lh-table-column--bytes><divclass=lh-text>Potential Savings</div></th></tr></thead><tbody><trclass=lh-row--even><tdclass=lh-table-column--url><divclass=lh-text__urltitle=http://localhost:8008/congo/css/main.bundle.min.6783e342ffedbcc698d9afb9ffe11276f4f9de79bfc45cf670b35d5f9948d266086106596bc9e59820d7de0959e5889ce97e073fbafd380be9dc7b33b75295f2.cssdata-url=http://localhost:8008/congo/css/main.bundle.min.6783e342ffedbcc698d9afb9ffe11276f4f9de79bfc45cf670b35d5f9948d266086106596bc9e59820d7de0959e5889ce97e073fbafd380be9dc7b33b75295f2.css><arel=noopenertarget=_blankhref=http://localhost:8008/congo/css/main.bundle.min.6783e342ffedbcc698d9afb9ffe11276f4f9de79bfc45cf670b35d5f9948d266086106596bc9e59820d7de0959e5889ce97e073fbafd380be9dc7b33b75295f2.cssclass=lh-link>…css/main.bundle.min.6783e34….css</a><divclass="lh-text lh-text__url-host">(localhost)</div></div></td><tdclass=lh-table-column--bytes><divclass=lh-texttitle=40,665 bytes>39.7 KiB</div></td><tdclass=lh-table-column--bytes><divclass=lh-texttitle=28,581 bytes>27.9 KiB</div></td></tr></tbody></table></details></div><divclass="lh-audit lh-audit--load-opportunity lh-audit--numeric lh-audit--average"id=unused-javascript><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><divclass=lh-load-opportunity__cols><divclass="lh-load-opportunity__col lh-load-opportunity__col--one"><spanclass=lh-audit__score-icon></span><divclass=lh-audit__title><span>Reduce unused JavaScript</span></div></div><divclass="lh-load-opportunity__col lh-load-opportunity__col--two"><divclass=lh-load-opportunity__sparklinetitle="Potential savings of 21 KiB"><divclass=lh-sparkline><divclass=lh-sparkline__barstyle=width:7.5%></div></div></div><divclass=lh-audit__display-texttitle="Potential savings of 21 KiB">0.15 s</div><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></div></div></summary><divclass=lh-audit__description><span>Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. <arel=noopenertarget=_blankhref="https://web.dev/unused-javascript/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><divclass=lh-3p-filter><labelclass=lh-3p-filter-labelfor=lh-3p-filter-label--1><inputtype=checkboxclass=lh-3p-filter-inputcheckedid=lh-3p-filter-label--1disabled>
<spanclass=lh-3p-ui-string>Show 3rd-party resources</span> (<spanclass=lh-3p-filter-count>0</span>)</label></div><tableclass="lh-table lh-details"><thead><tr><thclass=lh-table-column--url><divclass=lh-text>URL</div></th><thclass=lh-table-column--bytes><divclass=lh-text>Transfer Size</div></th><thclass=lh-table-column--bytes><divclass=lh-text>Potential Savings</div></th></tr></thead><tbody><trclass=lh-row--even><tdclass=lh-table-column--url><divclass=lh-text__urltitle=http://localhost:8008/congo/js/main.bundle.min.81d5d44787f3f7c0220442722b6d0c72da50dab39103321d578502e81b226ed5a87e765e5e2a7c0533fdddeb4697bd499a39be89310453fba5c129f5ba69bdea.jsdata-url=http://localhost:8008/congo/js/main.bundle.min.81d5d44787f3f7c0220442722b6d0c72da50dab39103321d578502e81b226ed5a87e765e5e2a7c0533fdddeb4697bd499a39be89310453fba5c129f5ba69bdea.js><arel=noopenertarget=_blankhref=http://localhost:8008/congo/js/main.bundle.min.81d5d44787f3f7c0220442722b6d0c72da50dab39103321d578502e81b226ed5a87e765e5e2a7c0533fdddeb4697bd499a39be89310453fba5c129f5ba69bdea.jsclass=lh-link>…js/main.bundle.min.81d5d44….js</a><divclass="lh-text lh-text__url-host">(localhost)</div></div></td><tdclass=lh-table-column--bytes><divclass=lh-texttitle=27,861 bytes>27.2 KiB</div></td><tdclass=lh-table-column--bytes><divclass=lh-texttitle=21,903 bytes>21.4 KiB</div></td></tr></tbody></table></details></div></div><divclass="lh-audit-group lh-audit-group--diagnostics"><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Diagnostics</span><spanclass=lh-audit-group__description>More information about the performance of your application. These numbers don't <arel=noopenertarget=_blankhref="https://web.dev/performance-scoring/?utm_source=lighthouse&utm_medium=cli">directly affect</a> the Performance score.</span></div><divclass="lh-audit lh-audit--informative"id=critical-request-chains><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text>1 element found</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>This is the largest contentful element painted within the viewport. <arel=noopenertarget=_blankhref="https://web.dev/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=cli">Learn More</a></span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><tableclass="lh-table lh-details"><thead><tr><thclass=lh-table-column--node><divclass=lh-text>Element</div></th></tr></thead><tbody><trclass=lh-row--even><tdclass=lh-table-column--node><spanclass=lh-nodetitle="section.flex > div.min-w-0 > div.flex > span.dark:text-neutral-300"data-path=1,HTML,1,BODY,2,MAIN,0,ARTICLE,1,SECTION,0,DIV,1,DIV,1,SPANdata-selector="section.flex > div.min-w-0 > div.flex > span.dark:text-neutral-300"data-snippet='<span class="dark:text-neutral-300">'><div>Note: The rendering of these glyphs depends on the browser and the platform. To…</div><divclass=lh-node__snippet><span class="dark:text-neutral-300"></div></span></td></tr></tbody></table></details></div><divclass="lh-audit lh-audit--informative"id=long-tasks><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Avoid long main-thread tasks</span></span>
<spanclass=lh-audit__display-text>2 long tasks found</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Lists the longest tasks on the main thread, useful for identifying worst contributors to input delay. <arel=noopenertarget=_blankhref="https://web.dev/long-tasks-devtools/?utm_source=lighthouse&utm_medium=cli">Learn more</a></span><spanclass=lh-audit__adorntitle="Relevant to Total Blocking Time">TBT</span></div><divclass=lh-audit__stackpacks></div><divclass=lh-3p-filter><labelclass=lh-3p-filter-labelfor=lh-3p-filter-label--2><inputtype=checkboxclass=lh-3p-filter-inputcheckedid=lh-3p-filter-label--2disabled>
<spanclass=lh-audit__display-text>Potential savings of 0 ms</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. <arel=noopenertarget=_blankhref="https://web.dev/render-blocking-resources/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to First Contentful Paint">FCP</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><divclass=lh-3p-filter><labelclass=lh-3p-filter-labelfor=lh-3p-filter-label--3><inputtype=checkboxclass=lh-3p-filter-inputcheckedid=lh-3p-filter-label--3disabled>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Serve images that are appropriately-sized to save cellular data and improve load time. <arel=noopenertarget=_blankhref="https://web.dev/uses-responsive-images/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=offscreen-images><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. <arel=noopenertarget=_blankhref="https://web.dev/offscreen-images/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=unminified-css><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Serve images in next-gen formats</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/uses-webp-images/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=uses-rel-preconnect><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Preconnect to required origins</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Consider adding `preconnect` or `dns-prefetch` resource hints to establish early connections to important third-party origins. <arel=noopenertarget=_blankhref="https://web.dev/uses-rel-preconnect/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to First Contentful Paint">FCP</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=server-response-time><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Initial server response time was short</span></span>
<spanclass=lh-audit__display-text>Root document took 0 ms</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Keep the server response time for the main document short because all other requests depend on it. <arel=noopenertarget=_blankhref="https://web.dev/time-to-first-byte/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to First Contentful Paint">FCP</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><divclass=lh-3p-filter><labelclass=lh-3p-filter-labelfor=lh-3p-filter-label--4><inputtype=checkboxclass=lh-3p-filter-inputcheckedid=lh-3p-filter-label--4disabled>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Redirects introduce additional delays before the page can be loaded. <arel=noopenertarget=_blankhref="https://web.dev/redirects/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to First Contentful Paint">FCP</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=uses-rel-preload><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Consider using `<link rel=preload>` to prioritize fetching resources that are currently requested later in page load. <arel=noopenertarget=_blankhref="https://web.dev/uses-rel-preload/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to First Contentful Paint">FCP</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=uses-http2><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>HTTP/2 offers many benefits over HTTP/1.1, including binary headers and multiplexing. <arel=noopenertarget=_blankhref="https://web.dev/uses-http2/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=efficient-animated-content><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Use video formats for animated content</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/efficient-animated-content/?utm_source=lighthouse&utm_medium=cli">Learn more</a></span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=duplicated-javascript><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Remove duplicate modules in JavaScript bundles</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity. </span><spanclass=lh-audit__adorntitle="Relevant to Total Blocking Time">TBT</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=legacy-javascript><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Avoid serving legacy JavaScript to modern browsers</span></span>
<spanclass=lh-audit__display-text>Potential savings of 0 KiB</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren't necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers. <arel=noopenertarget=_blankhref=https://philipwalton.com/articles/deploying-es2015-code-in-production-today/>Learn More</a></span><spanclass=lh-audit__adorntitle="Relevant to Total Blocking Time">TBT</span></div><divclass=lh-audit__stackpacks></div><divclass=lh-3p-filter><labelclass=lh-3p-filter-labelfor=lh-3p-filter-label--5><inputtype=checkboxclass=lh-3p-filter-inputcheckedid=lh-3p-filter-label--5disabled>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Preload Largest Contentful Paint image</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Preload the image used by the LCP element in order to improve your LCP time. <arel=noopenertarget=_blankhref="https://web.dev/optimize-lcp/?utm_source=lighthouse&utm_medium=cli#preload-important-resources">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=total-byte-weight><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text>Total size was 92 KiB</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Large network payloads cost users real money and are highly correlated with long load times. <arel=noopenertarget=_blankhref="https://web.dev/total-byte-weight/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><divclass=lh-3p-filter><labelclass=lh-3p-filter-labelfor=lh-3p-filter-label--6><inputtype=checkboxclass=lh-3p-filter-inputcheckedid=lh-3p-filter-label--6disabled>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Avoids an excessive DOM size</span></span>
<spanclass=lh-audit__display-text>120 elements</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>A large DOM will increase memory usage, cause longer <arel=noopenertarget=_blankhref="https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations?utm_source=lighthouse&utm_medium=cli">style calculations</a>, and produce costly <arel=noopenertarget=_blankhref="https://developers.google.com/speed/articles/reflow?utm_source=lighthouse&utm_medium=cli">layout reflows</a>. <arel=noopenertarget=_blankhref="https://web.dev/dom-size/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to Total Blocking Time">TBT</span></div><divclass=lh-audit__stackpacks></div><tableclass="lh-table lh-details"><thead><tr><thclass=lh-table-column--text><divclass=lh-text>Statistic</div></th><thclass=lh-table-column--node><divclass=lh-text>Element</div></th><thclass=lh-table-column--numeric><divclass=lh-text>Value</div></th></tr></thead><tbody><trclass=lh-row--even><tdclass=lh-table-column--text><divclass=lh-text>Total DOM Elements</div></td><tdclass=lh-table-column--empty></td><tdclass=lh-table-column--numeric><divclass=lh-numeric>120</div></td></tr><trclass=lh-row--odd><tdclass=lh-table-column--text><divclass=lh-text>Maximum DOM Depth</div></td><tdclass=lh-table-column--node><spanclass=lh-nodetitle="a.px-1 > span.relative > svg.svg-inline--fa > path"data-path=1,HTML,1,BODY,2,MAIN,0,ARTICLE,2,FOOTER,0,DIV,1,DIV,3,DIV,0,DIV,0,A,0,SPAN,0,svg,0,pathdata-selector="a.px-1 > span.relative > svg.svg-inline--fa > path"data-snippet='<path fill="currentcolor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645.0 138.72-105.583 298.558-2…">'><div>path</div><divclass=lh-node__snippet><path fill="currentcolor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645.0 138.72-105.583 298.558-2…"></div></span></td><tdclass=lh-table-column--numeric><divclass=lh-numeric>12</div></td></tr><trclass=lh-row--even><tdclass=lh-table-column--text><divclass=lh-text>Maximum Child Elements</div></td><tdclass=lh-table-column--node><spanclass=lh-nodetitle=body.flexdata-path=1,HTML,1,BODYdata-selector=body.flexdata-snippet='<body class="flex flex-col h-screen px-6 m-auto text-lg leading-7 bg-neutral text-neutr…">'><div>body</div><divclass=lh-node__snippet><body class="flex flex-col h-screen px-6 m-auto text-lg leading-7 bg-neutral text-neutr…"></div></span></td><tdclass=lh-table-column--numeric><divclass=lh-numeric>5</div></td></tr></tbody></table></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=user-timings><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>User Timing marks and measures</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Consider instrumenting your app with the User Timing API to measure your app's real-world performance during key user experiences. <arel=noopenertarget=_blankhref="https://web.dev/user-timings/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--numeric lh-audit--pass"id=bootup-time><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text>0.0 s</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. <arel=noopenertarget=_blankhref="https://web.dev/bootup-time/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to Total Blocking Time">TBT</span></div><divclass=lh-audit__stackpacks></div><divclass=lh-3p-filter><labelclass=lh-3p-filter-labelfor=lh-3p-filter-label--7><inputtype=checkboxclass=lh-3p-filter-inputcheckedid=lh-3p-filter-label--7disabled>
<spanclass=lh-audit__display-text>1.5 s</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. <arel=noopenertarget=_blankhref="https://web.dev/mainthread-work-breakdown/?utm_source=lighthouse&utm_medium=cli">Learn more</a></span><spanclass=lh-audit__adorntitle="Relevant to Total Blocking Time">TBT</span></div><divclass=lh-audit__stackpacks></div><tableclass="lh-table lh-details"><thead><tr><thclass=lh-table-column--text><divclass=lh-text>Category</div></th><thclass=lh-table-column--ms><divclass=lh-text>Time Spent</div></th></tr></thead><tbody><trclass=lh-row--even><tdclass=lh-table-column--text><divclass=lh-text>Style & Layout</div></td><tdclass=lh-table-column--ms><divclass=lh-text>1,117 ms</div></td></tr><trclass=lh-row--odd><tdclass=lh-table-column--text><divclass=lh-text>Rendering</div></td><tdclass=lh-table-column--ms><divclass=lh-text>252 ms</div></td></tr><trclass=lh-row--even><tdclass=lh-table-column--text><divclass=lh-text>Other</div></td><tdclass=lh-table-column--ms><divclass=lh-text>53 ms</div></td></tr><trclass=lh-row--odd><tdclass=lh-table-column--text><divclass=lh-text>Script Evaluation</div></td><tdclass=lh-table-column--ms><divclass=lh-text>20 ms</div></td></tr><trclass=lh-row--even><tdclass=lh-table-column--text><divclass=lh-text>Parse HTML & CSS</div></td><tdclass=lh-table-column--ms><divclass=lh-text>8 ms</div></td></tr><trclass=lh-row--odd><tdclass=lh-table-column--text><divclass=lh-text>Script Parsing & Compilation</div></td><tdclass=lh-table-column--ms><divclass=lh-text>3 ms</div></td></tr></tbody></table></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=font-display><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>All text remains visible during webfont loads</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. <arel=noopenertarget=_blankhref="https://web.dev/font-display/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to First Contentful Paint">FCP</span><spanclass=lh-audit__adorntitle="Relevant to Largest Contentful Paint">LCP</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=third-party-summary><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Third-party code can significantly impact load performance. Limit the number of redundant third-party providers and try to load third-party code after your page has primarily finished loading. <arel=noopenertarget=_blankhref="https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/loading-third-party-javascript/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to Total Blocking Time">TBT</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=third-party-facades><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Lazy load third-party resources with facades</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Some third-party embeds can be lazy loaded. Consider replacing them with a facade until they are required. <arel=noopenertarget=_blankhref="https://web.dev/third-party-facades/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span><spanclass=lh-audit__adorntitle="Relevant to Total Blocking Time">TBT</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=layout-shift-elements><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Avoid large layout shifts</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>These DOM elements contribute most to the CLS of the page.</span><spanclass=lh-audit__adorntitle="Relevant to Cumulative Layout Shift">CLS</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=uses-passive-event-listeners><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Uses passive listeners to improve scrolling performance</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Consider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. <arel=noopenertarget=_blankhref="https://web.dev/uses-passive-event-listeners/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=no-document-write><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. <arel=noopenertarget=_blankhref="https://web.dev/no-document-write/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=unsized-images><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Image elements have explicit <code>width</code> and <code>height</code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Set an explicit width and height on image elements to reduce layout shifts and improve CLS. <arel=noopenertarget=_blankhref="https://web.dev/optimize-cls/?utm_source=lighthouse&utm_medium=cli#images-without-dimensions">Learn more</a></span><spanclass=lh-audit__adorntitle="Relevant to Cumulative Layout Shift">CLS</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div></details></div></div><divclass=lh-category-wrapper><divclass=lh-category><spanclass=lh-permalinkid=accessibility></span><divclass=lh-category-header><divclass=lh-score__gaugerole=headingaria-level=2><ahref=#accessibilityclass="lh-gauge__wrapper lh-gauge__wrapper--pass"><divclass=lh-gauge__svg-wrapper><svgviewBox="0 0 120 120"class="lh-gauge"><circleclass="lh-gauge-base"r="56"cx="60"cy="60"stroke-width="8"/><circleclass="lh-gauge-arc"r="56"cx="60"cy="60"stroke-width="8"style="transform:rotate(-87.95372216024705deg);stroke-dasharray:351.85837720205683px,351.85837720205683px"/></svg></div><divclass=lh-gauge__percentage>100</div><divclass=lh-gauge__label>Accessibility</div></a></div><divclass=lh-category-header__description><span>These checks highlight opportunities to <arel=noopenertarget=_blankhref="https://developers.google.com/web/fundamentals/accessibility?utm_source=lighthouse&utm_medium=cli">improve the accessibility of your web app</a>. Only a subset of accessibility issues can be automatically detected so manual testing is also encouraged.</span></div></div><detailsclass="lh-clump lh-audit-group lh-clump--manual"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Additional items to manually check</span>
<spanclass=lh-audit-group__itemcount>(10)</span>
<spanclass=lh-audit-group__description>These items address areas which an automated testing tool cannot cover. Learn more in our guide on <arel=noopenertarget=_blankhref="https://developers.google.com/web/fundamentals/accessibility/how-to-review?utm_source=lighthouse&utm_medium=cli">conducting an accessibility review</a>.</span></div><div></div><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></summary><divclass="lh-audit lh-audit--manual lh-audit--pass"id=logical-tab-order><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>The page has a logical tab order</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. <arel=noopenertarget=_blankhref="https://web.dev/logical-tab-order/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=focusable-controls><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Interactive controls are keyboard focusable</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Custom interactive controls are keyboard focusable and display a focus indicator. <arel=noopenertarget=_blankhref="https://web.dev/focusable-controls/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=interactive-element-affordance><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Interactive elements indicate their purpose and state</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. <arel=noopenertarget=_blankhref="https://web.dev/interactive-element-affordance/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=managed-focus><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>The user's focus is directed to new content added to the page</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>If new content, such as a dialog, is added to the page, the user's focus is directed to it. <arel=noopenertarget=_blankhref="https://web.dev/managed-focus/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=focus-traps><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>User focus is not accidentally trapped in a region</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>A user can tab into and out of any control or region without accidentally trapping their focus. <arel=noopenertarget=_blankhref="https://web.dev/focus-traps/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=custom-controls-labels><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Custom controls have associated labels</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. <arel=noopenertarget=_blankhref="https://web.dev/custom-controls-labels/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=custom-controls-roles><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Custom controls have ARIA roles</span></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Visual order on the page follows DOM order</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>DOM order matches the visual order, improving navigation for assistive technology. <arel=noopenertarget=_blankhref="https://web.dev/visual-order-follows-dom/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=offscreen-content-hidden><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Offscreen content is hidden from assistive technology</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Offscreen content is hidden with display: none or aria-hidden=true. <arel=noopenertarget=_blankhref="https://web.dev/offscreen-content-hidden/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=use-landmarks><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>HTML5 landmark elements are used to improve navigation</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. <arel=noopenertarget=_blankhref="https://web.dev/use-landmarks/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div></details><detailsclass="lh-clump lh-audit-group lh-clump--passed"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Passed audits</span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[aria-*]</code> attributes match their roles</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. <arel=noopenertarget=_blankhref="https://web.dev/aria-allowed-attr/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=aria-hidden-body><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[aria-hidden="true"]</code> is not present on the document <code><body></code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Assistive technologies, like screen readers, work inconsistently when `aria-hidden="true"` is set on the document `<body>`. <arel=noopenertarget=_blankhref="https://web.dev/aria-hidden-body/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=aria-hidden-focus><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[aria-hidden="true"]</code> elements do not contain focusable descendents</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Focusable descendents within an `[aria-hidden="true"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-hidden-focus/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=aria-valid-attr-value><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[aria-*]</code> attributes have valid values</span></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Buttons have an accessible name</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/button-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=bypass><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>The page contains a heading, skip link, or landmark region</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. <arel=noopenertarget=_blankhref="https://web.dev/bypass/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=color-contrast><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Background and foreground colors have a sufficient contrast ratio</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Low-contrast text is difficult or impossible for many users to read. <arel=noopenertarget=_blankhref="https://web.dev/color-contrast/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=document-title><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Document has a <code><title></code> element</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/document-title/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=duplicate-id-active><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[id]</code> attributes on active, focusable elements are unique</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>All focusable elements must have a unique `id` to ensure that they're visible to assistive technologies. <arel=noopenertarget=_blankhref="https://web.dev/duplicate-id-active/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=heading-order><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Heading elements appear in a sequentially-descending order</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. <arel=noopenertarget=_blankhref="https://web.dev/heading-order/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=html-has-lang><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code><html></code> element has a <code>[lang]</code> attribute</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/html-has-lang/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=html-lang-valid><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code><html></code> element has a valid value for its <code>[lang]</code> attribute</span></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Image elements have <code>[alt]</code> attributes</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. <arel=noopenertarget=_blankhref="https://web.dev/image-alt/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=link-name><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Links have a discernible name</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/link-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=list><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Lists contain only <code><li></code> elements and script supporting elements (<code><script></code> and <code><template></code>).</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. <arel=noopenertarget=_blankhref="https://web.dev/list/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=listitem><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>List items (<code><li></code>) are contained within <code><ul></code> or <code><ol></code> parent elements</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Screen readers require list items (`<li>`) to be contained within a parent `<ul>` or `<ol>` to be announced properly. <arel=noopenertarget=_blankhref="https://web.dev/listitem/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=meta-viewport><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[user-scalable="no"]</code> is not used in the <code><meta name="viewport"></code> element and the <code>[maximum-scale]</code> attribute is not less than 5.</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. <arel=noopenertarget=_blankhref="https://web.dev/meta-viewport/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div></details><detailsclass="lh-clump lh-audit-group lh-clump--notapplicable"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Not applicable</span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[accesskey]</code> values are unique</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. <arel=noopenertarget=_blankhref="https://web.dev/accesskeys/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-command-name><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>button</code>, <code>link</code>, and <code>menuitem</code> elements have accessible names</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-input-field-name><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>ARIA input fields have accessible names</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When an input field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-meter-name><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>ARIA <code>meter</code> elements have accessible names</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-progressbar-name><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>ARIA <code>progressbar</code> elements have accessible names</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-required-attr><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[role]</code>s have all required <code>[aria-*]</code> attributes</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Some ARIA roles have required attributes that describe the state of the element to screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-required-attr/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-required-children><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Elements with an ARIA <code>[role]</code> that require children to contain a specific <code>[role]</code> have all required children.</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. <arel=noopenertarget=_blankhref="https://web.dev/aria-required-children/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-required-parent><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[role]</code>s are contained by their required parent element</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. <arel=noopenertarget=_blankhref="https://web.dev/aria-required-parent/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-roles><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[role]</code> values are valid</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>ARIA roles must have valid values in order to perform their intended accessibility functions. <arel=noopenertarget=_blankhref="https://web.dev/aria-roles/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-toggle-field-name><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>ARIA toggle fields have accessible names</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When a toggle field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-tooltip-name><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>ARIA <code>tooltip</code> elements have accessible names</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=aria-treeitem-name><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>ARIA <code>treeitem</code> elements have accessible names</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. <arel=noopenertarget=_blankhref="https://web.dev/aria-name/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=definition-list><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code><dl></code>'s contain only properly-ordered <code><dt></code> and <code><dd></code> groups, <code><script></code>, <code><template></code> or <code><div></code> elements.</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. <arel=noopenertarget=_blankhref="https://web.dev/definition-list/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=dlitem><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Definition list items are wrapped in <code><dl></code> elements</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Definition list items (`<dt>` and `<dd>`) must be wrapped in a parent `<dl>` element to ensure that screen readers can properly announce them. <arel=noopenertarget=_blankhref="https://web.dev/dlitem/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=duplicate-id-aria><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>ARIA IDs are unique</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. <arel=noopenertarget=_blankhref="https://web.dev/duplicate-id-aria/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=form-field-multiple-labels><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>No form fields have multiple labels</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Form fields with multiple labels can be confusingly announced by assistive technologies like screen readers which use either the first, the last, or all of the labels. <arel=noopenertarget=_blankhref="https://web.dev/form-field-multiple-labels/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=frame-title><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code><frame></code> or <code><iframe></code> elements have a title</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Screen reader users rely on frame titles to describe the contents of frames. <arel=noopenertarget=_blankhref="https://web.dev/frame-title/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=input-image-alt><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code><input type="image"></code> elements have <code>[alt]</code> text</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When an image is being used as an `<input>` button, providing alternative text can help screen reader users understand the purpose of the button. <arel=noopenertarget=_blankhref="https://web.dev/input-image-alt/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=label><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Form elements have associated labels</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Labels ensure that form controls are announced properly by assistive technologies, like screen readers. <arel=noopenertarget=_blankhref="https://web.dev/label/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=meta-refresh><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>The document does not use <code><meta http-equiv="refresh"></code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/meta-refresh/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=object-alt><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code><object></code> elements have <code>[alt]</code> text</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Screen readers cannot translate non-text content. Adding alt text to `<object>` elements helps screen readers convey meaning to users. <arel=noopenertarget=_blankhref="https://web.dev/object-alt/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=tabindex><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>No element has a <code>[tabindex]</code> value greater than 0</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/tabindex/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=td-headers-attr><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Cells in a <code><table></code> element that use the <code>[headers]</code> attribute refer to table cells within the same table.</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/td-headers-attr/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=th-has-data-cells><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code><th></code> elements and elements with <code>[role="columnheader"/"rowheader"]</code> have data cells they describe.</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/th-has-data-cells/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=valid-lang><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code>[lang]</code> attributes have a valid value</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Specifying a valid <arel=noopenertarget=_blankhref=https://www.w3.org/International/questions/qa-choosing-language-tags#question>BCP 47 language</a> on elements helps ensure that text is pronounced correctly by a screen reader. <arel=noopenertarget=_blankhref="https://web.dev/valid-lang/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=video-caption><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span><code><video></code> elements contain a <code><track></code> element with <code>[kind="captions"]</code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>When a video provides a caption it is easier for deaf and hearing impaired users to access its information. <arel=noopenertarget=_blankhref="https://web.dev/video-caption/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div></details></div></div><divclass=lh-category-wrapper><divclass=lh-category><spanclass=lh-permalinkid=best-practices></span><divclass=lh-category-header><divclass=lh-score__gaugerole=headingaria-level=2><ahref=#best-practicesclass="lh-gauge__wrapper lh-gauge__wrapper--pass"><divclass=lh-gauge__svg-wrapper><svgviewBox="0 0 120 120"class="lh-gauge"><circleclass="lh-gauge-base"r="56"cx="60"cy="60"stroke-width="8"/><circleclass="lh-gauge-arc"r="56"cx="60"cy="60"stroke-width="8"style="transform:rotate(-87.95372216024705deg);stroke-dasharray:351.85837720205683px,351.85837720205683px"/></svg></div><divclass=lh-gauge__percentage>100</div><divclass=lh-gauge__label>Best Practices</div></a></div><divclass=lh-category-header__description></div></div><divclass=lh-clump--failed><divclass="lh-audit-group lh-audit-group--best-practices-trust-safety"><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Trust and Safety</span></div><divclass="lh-audit lh-audit--informative"id=csp-xss><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Ensure CSP is effective against XSS attacks</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. <arel=noopenertarget=_blankhref="https://web.dev/strict-csp/?utm_source=lighthouse&utm_medium=cli">Learn more</a></span></div><divclass=lh-audit__stackpacks></div><tableclass="lh-table lh-details"><thead><tr><thclass=lh-table-column--text><divclass=lh-text>Description</div></th><thclass=lh-table-column--code><divclass=lh-text>Directive</div></th><thclass=lh-table-column--text><divclass=lh-text>Severity</div></th></tr></thead><tbody><trclass=lh-row--even><tdclass=lh-table-column--text><divclass=lh-text>No CSP found in enforcement mode</div></td><tdclass=lh-table-column--empty></td><tdclass=lh-table-column--text><divclass=lh-text>High</div></td></tr></tbody></table></details></div></div></div><detailsclass="lh-clump lh-audit-group lh-clump--passed"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Passed audits</span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>All sites should be protected with HTTPS, even ones that don't handle sensitive data. This includes avoiding <arel=noopenertarget=_blankhref="https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content?utm_source=lighthouse&utm_medium=cli">mixed content</a>, where some resources are loaded over HTTP despite the initial request being served over HTTPS. 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. <arel=noopenertarget=_blankhref="https://web.dev/is-on-https/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=external-anchors-use-rel-noopener><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Links to cross-origin destinations are safe</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Add `rel="noopener"` or `rel="noreferrer"` to any external links to improve performance and prevent security vulnerabilities. <arel=noopenertarget=_blankhref="https://web.dev/external-anchors-use-rel-noopener/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=geolocation-on-start><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Avoids requesting the geolocation permission on page load</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to a user action instead. <arel=noopenertarget=_blankhref="https://web.dev/geolocation-on-start/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=notification-on-start><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Avoids requesting the notification permission on page load</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. <arel=noopenertarget=_blankhref="https://web.dev/notification-on-start/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=no-vulnerable-libraries><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Avoids front-end JavaScript libraries with known security vulnerabilities</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Some third-party scripts may contain known security vulnerabilities that are easily identified and exploited by attackers. <arel=noopenertarget=_blankhref="https://web.dev/no-vulnerable-libraries/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=password-inputs-can-be-pasted-into><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Allows users to paste into password fields</span></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Displays images with correct aspect ratio</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Image display dimensions should match natural aspect ratio. <arel=noopenertarget=_blankhref="https://web.dev/image-aspect-ratio/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=image-size-responsive><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Serves images with appropriate resolution</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Image natural dimensions should be proportional to the display size and the pixel ratio to maximize image clarity. <arel=noopenertarget=_blankhref="https://web.dev/serve-responsive-images/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=doctype><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Page has the HTML doctype</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Specifying a doctype prevents the browser from switching to quirks-mode. <arel=noopenertarget=_blankhref="https://web.dev/doctype/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=charset><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>A character encoding declaration is required. It can be done with a `<meta>` tag in the first 1024 bytes of the HTML or in the Content-Type HTTP response header. <arel=noopenertarget=_blankhref="https://web.dev/charset/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=no-unload-listeners><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>The `unload` event does not fire reliably and listening for it can prevent browser optimizations like the Back-Forward Cache. Consider using the `pagehide` or `visibilitychange` events instead. <arel=noopenertarget=_blankhref="https://developers.google.com/web/updates/2018/07/page-lifecycle-api?utm_source=lighthouse&utm_medium=cli#the-unload-event">Learn more</a></span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=appcache-manifest><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Deprecated APIs will eventually be removed from the browser. <arel=noopenertarget=_blankhref="https://web.dev/deprecations/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=errors-in-console><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>No browser errors logged to the console</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns. <arel=noopenertarget=_blankhref="https://web.dev/errors-in-console/?utm_source=lighthouse&utm_medium=cli">Learn more</a></span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=valid-source-maps><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Page has valid source maps</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. <arel=noopenertarget=_blankhref="https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=inspector-issues><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>No issues in the <code>Issues</code> panel in Chrome Devtools</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Issues logged to the `Issues` panel in Chrome Devtools indicate unresolved problems. They can come from network request failures, insufficient security controls, and other browser concerns. Open up the Issues panel in Chrome DevTools for more details on each issue.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div></details><detailsclass="lh-clump lh-audit-group lh-clump--notapplicable"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Not applicable</span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Fonts with <code>font-display: optional</code> are preloaded</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Preload `optional` fonts so first-time visitors may use them. <arel=noopenertarget=_blankhref="https://web.dev/preload-optional-fonts/?utm_source=lighthouse&utm_medium=cli">Learn more</a></span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div></details></div></div><divclass=lh-category-wrapper><divclass=lh-category><spanclass=lh-permalinkid=seo></span><divclass=lh-category-header><divclass=lh-score__gaugerole=headingaria-level=2><ahref=#seoclass="lh-gauge__wrapper lh-gauge__wrapper--pass"><divclass=lh-gauge__svg-wrapper><svgviewBox="0 0 120 120"class="lh-gauge"><circleclass="lh-gauge-base"r="56"cx="60"cy="60"stroke-width="8"/><circleclass="lh-gauge-arc"r="56"cx="60"cy="60"stroke-width="8"style="transform:rotate(-87.95372216024705deg);stroke-dasharray:351.85837720205683px,351.85837720205683px"/></svg></div><divclass=lh-gauge__percentage>100</div><divclass=lh-gauge__label>SEO</div></a></div><divclass=lh-category-header__description><span>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. <arel=noopenertarget=_blankhref=https://support.google.com/webmasters/answer/35769>Learn more</a>.</span></div></div><detailsclass="lh-clump lh-audit-group lh-clump--manual"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Additional items to manually check</span>
<spanclass=lh-audit-group__itemcount>(1)</span>
<spanclass=lh-audit-group__description>Run these additional validators on your site to check additional SEO best practices.</span></div><div></div><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></summary><divclass="lh-audit lh-audit--manual lh-audit--pass"id=structured-data><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Structured data is valid</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Run the <arel=noopenertarget=_blankhref=https://search.google.com/structured-data/testing-tool/>Structured Data Testing Tool</a> and the <arel=noopenertarget=_blankhref=http://linter.structured-data.org/>Structured Data Linter</a> to validate structured data. <arel=noopenertarget=_blankhref="https://web.dev/structured-data/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div></details><detailsclass="lh-clump lh-audit-group lh-clump--passed"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Passed audits</span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Has a <code><meta name="viewport"></code> tag with <code>width</code> or <code>initial-scale</code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Add a `<meta name="viewport">` tag to optimize your app for mobile screens. <arel=noopenertarget=_blankhref="https://web.dev/viewport/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=document-title><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Document has a <code><title></code> element</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/document-title/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=meta-description><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Document has a meta description</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Meta descriptions may be included in search results to concisely summarize page content. <arel=noopenertarget=_blankhref="https://web.dev/meta-description/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=http-status-code><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Page has successful HTTP status code</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Pages with unsuccessful HTTP status codes may not be indexed properly. <arel=noopenertarget=_blankhref="https://web.dev/http-status-code/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=link-text><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Links have descriptive text</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Descriptive link text helps search engines understand your content. <arel=noopenertarget=_blankhref="https://web.dev/link-text/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=crawlable-anchors><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Links are crawlable</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. <arel=noopenertarget=_blankhref=https://support.google.com/webmasters/answer/9112205>Learn More</a></span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=is-crawlable><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Page isn’t blocked from indexing</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Search engines are unable to include your pages in search results if they don't have permission to crawl them. <arel=noopenertarget=_blankhref="https://web.dev/is-crawable/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=image-alt><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Image elements have <code>[alt]</code> attributes</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute. <arel=noopenertarget=_blankhref="https://web.dev/image-alt/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=hreflang><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Document has a valid <code>hreflang</code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>hreflang links tell search engines what version of a page they should list in search results for a given language or region. <arel=noopenertarget=_blankhref="https://web.dev/hreflang/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=canonical><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Document has a valid <code>rel=canonical</code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Canonical links suggest which URL to show in search results. <arel=noopenertarget=_blankhref="https://web.dev/canonical/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=font-size><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Document uses legible font sizes</span></span>
<spanclass=lh-audit__display-text>99.75% legible text</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/font-size/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><divclass=lh-3p-filter><labelclass=lh-3p-filter-labelfor=lh-3p-filter-label--8><inputtype=checkboxclass=lh-3p-filter-inputcheckedid=lh-3p-filter-label--8disabled>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Search engines can't index plugin content, and many devices restrict plugins or don't support them. <arel=noopenertarget=_blankhref="https://web.dev/plugins/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=tap-targets><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Tap targets are sized appropriately</span></span>
<spanclass=lh-audit__display-text>100% appropriately sized tap targets</span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Interactive elements like buttons and links should be large enough (48x48px), and have enough space around them, to be easy enough to tap without overlapping onto other elements. <arel=noopenertarget=_blankhref="https://web.dev/tap-targets/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div></details><detailsclass="lh-clump lh-audit-group lh-clump--notapplicable"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Not applicable</span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>robots.txt is valid</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>If your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed. <arel=noopenertarget=_blankhref="https://web.dev/robots-txt/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div></details></div></div><divclass=lh-category-wrapper><divclass=lh-category><spanclass=lh-permalinkid=pwa></span><divclass=lh-category-header><divclass=lh-score__gaugerole=headingaria-level=2><ahref=#pwaclass="lh-gauge__wrapper lh-gauge--pwa__wrapper lh-badged--pwa-installable"title="Installable: 1/1, PWA Optimized: 6/8"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 60 60"class="lh-gauge lh-gauge--pwa"><defs><linearGradientid="lh-gauge--pwa__check-circle__gradient-2"x1="50%"y1="0"x2="50%"y2="100%"><stopstop-color="#00c852"offset="0"/><stopstop-color="#009688"offset="100%"/></linearGradient><linearGradientid="lh-gauge--pwa__installable__shadow-gradient-2"x1="76.056%"x2="24.111%"y1="82.995%"y2="24.735%"><stopstop-color="#a5d6a7"offset="0"/><stopstop-color="#80cbc4"offset="100%"/></linearGradient><gid="lh-gauge--pwa__installable-badge-2"><circlefill="#fff"cx="10"cy="10"r="10"/><pathfill="#009688"d="M10 4.167A5.835 5.835.0 004.167 10 5.835 5.835.0 0010 15.833 5.835 5.835.0 0015.833 10 5.835 5.835.0 0010 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"/></g></defs><gstroke="none"fill-rule="nonzero"><circleclass="lh-gauge--pwa__disc"cx="30"cy="30"r="30"/><gclass="lh-gauge--pwa__logo"><pathclass="lh-gauge--pwa__logo--secondary-color"d="M35.66 19.39l.7-1.75h2L37.4 15l1.2-3 3.4 9h-2.51l-.58-1.61z"/><pathclass="lh-gauge--pwa__logo--primary-color"d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"/><pathclass="lh-gauge--pwa__logo--secondary-color"fill-rule="nonzero"d="M20.3 17.91h1.48c.45.0.85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64.0 00-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87.0.36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52.0.89.1 1.1.32z"/></g><rectclass="lh-gauge--pwa__component lh-gauge--pwa__na-line"fill="#fff"x="20"y="32"width="20"height="4"rx="2"/><gclass="lh-gauge--pwa__component lh-gauge--pwa__installable-badge"transform="translate(20, 29)"><pathfill="url(#lh-gauge--pwa__installable__shadow-gradient-2)"d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"/><usehref="#lh-gauge--pwa__installable-badge-2"/></g><gclass="lh-gauge--pwa__component lh-gauge--pwa__check-circle"transform="translate(18, 28)"><circlefill="#fff"cx="12"cy="12"r="12"/><pathfill="url(#lh-gauge--pwa__check-circle__gradient-2)"d="M12 2a10 10 0 100 20 10 10 0 000-20zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></g></g></svg><divclass=lh-gauge__label>Progressive Web App</div></a></div><divclass=lh-category-header__description><span>These checks validate the aspects of a Progressive Web App. <arel=noopenertarget=_blankhref="https://developers.google.com/web/progressive-web-apps/checklist?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div></div><div><divclass="lh-audit-group lh-audit-group--pwa-installable lh-badged"><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Installable</span></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=installable-manifest><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Web app manifest and service worker meet the installability requirements</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. With proper service worker and manifest implementations, browsers can proactively prompt users to add your app to their homescreen, which can lead to higher engagement. <arel=noopenertarget=_blankhref="https://web.dev/installable-manifest/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div><spanclass=lh-details></span></details></div></div><divclass="lh-audit-group lh-audit-group--pwa-optimized"><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>PWA Optimized</span></div><divclass="lh-audit lh-audit--binary lh-audit--fail"id=service-worker><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Does not register a service worker that controls page and <code>start_url</code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/service-worker/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--notapplicable lh-audit--pass"id=redirects-http><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Redirects HTTP traffic to HTTPS</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS in order to enable secure web features for all your users. <arel=noopenertarget=_blankhref="https://web.dev/redirects-http/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=splash-screen><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Configured for a custom splash screen</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>A themed splash screen ensures a high-quality experience when users launch your app from their homescreens. <arel=noopenertarget=_blankhref="https://web.dev/splash-screen/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--fail"id=themed-omnibox><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Does not set a theme color for the address bar.</span><divclass=lh-audit-explanation>Failures: No `<meta name="theme-color">` tag found.</div></span><spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>The browser address bar can be themed to match your site. <arel=noopenertarget=_blankhref="https://web.dev/themed-omnibox/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=content-width><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Content is sized correctly for the viewport</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>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. <arel=noopenertarget=_blankhref="https://web.dev/content-width/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=viewport><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Has a <code><meta name="viewport"></code> tag with <code>width</code> or <code>initial-scale</code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Add a `<meta name="viewport">` tag to optimize your app for mobile screens. <arel=noopenertarget=_blankhref="https://web.dev/viewport/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=apple-touch-icon><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Provides a valid <code>apple-touch-icon</code></span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>For ideal appearance on iOS when users add a progressive web app to the home screen, define an `apple-touch-icon`. It must point to a non-transparent 192px (or 180px) square PNG. <arel=noopenertarget=_blankhref="https://web.dev/apple-touch-icon/?utm_source=lighthouse&utm_medium=cli">Learn More</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--binary lh-audit--pass"id=maskable-icon><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Manifest has a maskable icon</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>A maskable icon ensures that the image fills the entire shape without being letterboxed when installing the app on a device. <arel=noopenertarget=_blankhref="https://web.dev/maskable-icon-audit/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div></div></div><detailsclass="lh-clump lh-audit-group lh-clump--manual"><summary><divclass=lh-audit-group__summary><divclass=lh-audit-group__header><spanclass=lh-audit-group__title>Additional items to manually check</span>
<spanclass=lh-audit-group__itemcount>(3)</span>
<spanclass=lh-audit-group__description>These checks are required by the baseline <arel=noopenertarget=_blankhref="https://developers.google.com/web/progressive-web-apps/checklist?utm_source=lighthouse&utm_medium=cli">PWA Checklist</a> but are not automatically checked by Lighthouse. They do not affect your score but it's important that you verify them manually.</span></div><div></div><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></summary><divclass="lh-audit lh-audit--manual lh-audit--pass"id=pwa-cross-browser><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Site works cross-browser</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>To reach the most number of users, sites should work across every major browser. <arel=noopenertarget=_blankhref="https://web.dev/pwa-cross-browser/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=pwa-page-transitions><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Page transitions don't feel like they block on the network</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Transitions should feel snappy as you tap around, even on a slow network. This experience is key to a user's perception of performance. <arel=noopenertarget=_blankhref="https://web.dev/pwa-page-transitions/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div><divclass="lh-audit lh-audit--manual lh-audit--pass"id=pwa-each-page-has-url><detailsclass=lh-expandable-details><summary><divclass="lh-audit__header lh-expandable-details__summary"><spanclass=lh-audit__score-icon></span>
<spanclass=lh-audit__title-and-text><spanclass=lh-audit__title><span>Each page has a URL</span></span>
<spanclass=lh-audit__display-text></span></span><divclass=lh-chevron-container><svgclass="lh-chevron"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 100 100"><gclass="lh-chevron__lines"><pathclass="lh-chevron__line lh-chevron__line-left"d="M10 50h40"/><pathclass="lh-chevron__line lh-chevron__line-right"d="M90 50H50"/></g></svg></div></div></summary><divclass=lh-audit__description><span>Ensure individual pages are deep linkable via URL and that URLs are unique for the purpose of shareability on social media. <arel=noopenertarget=_blankhref="https://web.dev/pwa-each-page-has-url/?utm_source=lighthouse&utm_medium=cli">Learn more</a>.</span></div><divclass=lh-audit__stackpacks></div></details></div></details></div></div></div><style>.lh-footer{padding:var(--footer-padding-vertical)calc(var(--default-padding)*2);max-width:var(--report-width);margin:0auto}.lh-footer.lh-generated{text-align:center}.lh-env__title{font-size:var(--env-item-font-size-big);line-height:var(--env-item-line-height-big);text-align:center;padding:var(--score-container-padding)}.lh-env{padding:var(--default-padding)0}.lh-env__items{padding-left:16px;margin:00var(--audits-margin-bottom);padding:0}.lh-env__items.lh-env__item:nth-child(2n){background-color:var(--env-item-background-color)}.lh-env__item{display:flex;padding:var(--env-item-padding);position:relative}span.lh-env__name{font-weight:700;min-width:var(--env-name-min-width);flex:.5;padding:08px}span.lh-env__description{text-align:left;flex:1}</style><footerclass=lh-footer><divclass=lh-env><divclass=lh-env__title>Runtime Settings</div><ulclass=lh-env__itemsid=runtime-settings><templateid=tmpl-lh-env__items><liclass=lh-env__item><spanclass=lh-env__name></span>
<spanclass=lh-env__description>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/96.0.4664.110 Safari/537.36</span></li><liclass=lh-env__item><spanclass=lh-env__name>User agent (network)</span>
<spanclass=lh-env__description>Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4420.0 Mobile Safari/537.36 Chrome-Lighthouse</span></li><liclass=lh-env__item><spanclass=lh-env__name>CPU/Memory Power</span>
<spanclass=lh-env__description>4.2.1</span></li></ul></div><divclass=lh-generated>Generated by <b>Lighthouse</b><spanclass=lh-footer__version>8.0.0</span> |
<ahref=https://github.com/GoogleChrome/Lighthouse/issuestarget=_blankrel=noopenerclass=lh-footer__version_issue>File an issue</a></div></footer></div></div></main><divid=lh-log></div><script>"usestrict";constELLIPSIS="…",NBSP="\xa0",PASS_THRESHOLD=.9,SCREENSHOT_PREFIX="data:image/jpeg;base64,",RATINGS={PASS:{label:"pass",minScore:PASS_THRESHOLD},AVERAGE:{label:"average",minScore:.5},FAIL:{label:"fail"},ERROR:{label:"error"}},listOfTlds=["com","co","gov","edu","ac","org","go","gob","or","net","in","ne","nic","gouv","web","spb","blog","jus","kiev","mil","wi","qc","ca","bel","on"];classUtil{staticgetPASS_THRESHOLD(){returnPASS_THRESHOLD}staticgetMS_DISPLAY_VALUE(){return`%10d${NBSP}ms`}staticprepareReportResult(e){constt=JSON.parse(JSON.stringify(e));t.configSettings.locale||(t.configSettings.locale="en"),t.configSettings.formFactor||(t.configSettings.formFactor=t.configSettings.emulatedFormFactor);for(consteofObject.values(t.audits))if((e.scoreDisplayMode==="not_applicable"||e.scoreDisplayMode==="not-applicable")&&(e.scoreDisplayMode="notApplicable"),e.details&&((e.details.type===void0||e.details.type==="diagnostic")&&(e.details.type="debugdata"),e.details.type==="filmstrip"))for(consttofe.details.items)t.data.startsWith(SCREENSHOT_PREFIX)||(t.data=SCREENSHOT_PREFIX+t.data);if(typeoft.categories!="object")thrownewError("Nocategoriesprovided.");constn=newMap;for(consteofObject.values(t.categories))e.auditRefs.forEach(e=>{if(!e.relevantAudits)return;e.relevantAudits.forEach(t=>{consts=n.get(t)||[];s.push(e),n.set(t,s)})}),e.auditRefs.forEach(e=>{consts=t.audits[e.id];e.result=s,n.has(e.id)&&(e.relevantMetrics=n.get(e.id)),t.stackPacks&&t.stackPacks.forEach(t=>{t.descriptions[e.id]&&(e.stackPacks=e.stackPacks||[],e.stackPacks.push({title:t.title,iconDataURL:t.iconDataURL,description:t.descriptions[e.id]}))})});returnt}staticshowAsPassed(e){switch(e.scoreDisplayMode){case"manual":case"notApplicable":return!0;case"error":case"informative":return!1;case"numeric":case"binary":default:returnNumber(e.score)>=RATINGS.PASS.minScore}}staticcalculateRating(e,t){if(t==="manual"||t==="notApplicable")returnRATINGS.PASS.label;if(t==="error")returnRATINGS.ERROR.label;if(e===null)returnRATINGS.FAIL.label;letn=RATINGS.FAIL.label;returne>=RATINGS.PASS.minScore?n=RATINGS.PASS.label:e>=RATINGS.AVERAGE.minScore&&(n=RATINGS.AVERAGE.label),n}staticsplitMarkdownCodeSpans(e){constt=[],n=e.split(/`(.*?)`/g);for(lete=0;e<n.length;e++){consts=n[e];if(!s)continue;consto=e%2!==0;t.push({isCode:o,text:s})}returnt}staticsplitMarkdownLink(e){constt=[],n=e.split(/\[([^\]]+?)\]\((https?:\/\/.*?)\)/g);for(;n.length;){const[e,s,o]=n.splice(0,3);e&&t.push({isLink:!1,text:e}),s&&o&&t.push({isLink:!0,text:s,linkHref:o})}returnt}staticgetURLDisplayName(e,t){t=t||{numPathParts:void0,preserveQuery:void0,preserveHost:void0};consto=t.numPathParts!==void0?t.numPathParts:2,i=t.preserveQuery===void0||t.preserveQuery,a=t.preserveHost||!1;letn;if(e.protocol==="about:"||e.protocol==="data:")n=e.href;else{n=e.pathname;constt=n.split("/").filter(e=>e.length);o&&t.length>o&&(n=ELLIPSIS+t.slice(-1*o).join("/")),a&&(n=`${e.host}/${n.replace(/^\//,"")}`),i&&(n=`${n}${e.search}`)}consts=64;if(n=n.replace(/([a-f0-9]{7})[a-f0-9]{13}[a-f0-9]*/g,`$1${ELLIPSIS}`),n=n.replace(/([a-zA-Z0-9-_]{9})(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])[a-zA-Z0-9-_]{10,}/g,`$1${ELLIPSIS}`),n=n.replace(/(\d{3})\d{6,}/g,`$1${ELLIPSIS}`),n=n.replace(/\u2026+/g,ELLIPSIS),n.length>s&&n.includes("?")&&(n=n.replace(/\?([^=]*)(=)?.*/,`?$1$2${ELLIPSIS}`),n.length>s&&(n=n.replace(/\?.*/,`?${ELLIPSIS}`))),n.length>s){conste=n.lastIndexOf(".");e>=0?n=n.slice(0,s-1-(n.length-e))+`${ELLIPSIS}${n.slice(e)}`:n=n.slice(0,s-1)+ELLIPSIS}returnn}staticparseURL(e){constt=newURL(e);return{file:Util.getURLDisplayName(t),hostname:t.hostname,origin:t.origin}}staticcreateOrReturnURL(e){returneinstanceofURL?e:newURL(e)}staticgetTld(e){constt=e.split(".").slice(-2);returnlistOfTlds.includes(t[0])?`.${t.join(".")}`:`.${t[t.length-1]}`}staticgetRootDomain(e){constt
Diagrams and Flowcharts
6 March 2019`},subItems:{type:"subitems",items:[{failureReason:"Unsupported CSS Property: color",animation:"color"}]}},{node:{type:"node",lhId:"page-17-BUTTON",path:"1,HTML,1,BODY,3,DIV,0,DIV,0,HEADER,1,BUTTON",selector:"div#search-wrapper > div#search-modal > header.relative > button#close-search-button",boundingRect:{top:25,bottom:57,left:303,right:335,width:32,height:32},snippet:'<buttonid="close-search-button"class="flex items-center justify-center w-8 h-8 text-neutral-700 dark:text-neutra…">',nodeLabel:"button"},subItems:{type:"subitems",items:[{failureReason:"Unsupported CSS Property: color",animation:"color"}]}},{node:{type:"node",lhId:"page-18-A",path:"1,HTML,1,BODY,4,FOOTER,0,DIV,0,DIV,1,P,1,A",selector:"div.flex > div > p.text-xs > a.hover:underline",boundingRect:{top:1171,bottom:1186,left:93,right:124,width:30,height:15},snippet:'<aclass="hover:underline hover:decoration-primary-400 hover:text-primary-500"href="https://gohugo.io/"target="_blank"rel="noopener noreferrer">',nodeLabel:"Hugo"},subItems:{type:"subitems",items:[{failureReason:"Unsupported CSS Property: color",animation:"color"}]}},{node:{type:"node",lhId:"page-19-A",path:"1,HTML,1,BODY,4,FOOTER,0,DIV,0,DIV,1,P,3,A",selector:"div.flex > div > p.text-xs > a.hover:underline",boundingRect:{top:1171,bottom:1186,left:139,right:176,width:37,height:15},snippet:'<aclass="hover:underline hover:decoration-primary-400 hover:text-primary-500"href="https://git.io/hugo-congo"target="_blank"rel="noopener noreferrer">',nodeLabel:"Congo"},subItems:{type:"subitems",items:[{failureReason:"Unsupported CSS Property: color",animation:"color"}]}}]}},"unsized-images":{id:"unsized-images",title:"Image elements have explicit `width` and `height`",description:"Set an explicit width and height on image elements to reduce layout shifts and improve CLS. [Learn more](https://web.dev/optimize-cls/#images-without-dimensions)",score:1,scoreDisplayMode:"binary",details:{type:"table",headings:[],items:[]}},"valid-source-maps":{id:"valid-source-maps",title:"Page has valid source maps",description:"Source maps translate minified code to the original source code. This helps developers debug in production. In addition, Lighthouse is able to provide further insights. Consider deploying source maps to take advantage of these benefits. [Learn more](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps).",score:1,scoreDisplayMode:"binary",details:{type:"table",headings:[],items:[]}},"preload-lcp-image":{id:"preload-lcp-image",title:"Preload Largest Contentful Paint image",description:"Preload the image used by the LCP element in order to improve your LCP time. [Learn more](https://web.dev/optimize-lcp/#preload-important-resources).",score:1,scoreDisplayMode:"numeric",numericValue:0,numericUnit:"millisecond",displayValue:"",details:{type:"opportunity",headings:[],items:[],overallSavingsMs:0}},"csp-xss":{id:"csp-xss",title:"Ensure CSP is effective against XSS attacks",description:"A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. [Learn more](https://web.dev/strict-csp/)",score:null,scoreDisplayMode:"informative",details:{type:"table",headings:[{key:"description",itemType:"text",subItemsHeading:{key:"description"},text:"Description"},{key:"directive",itemType:"code",subItemsHeading:{key:"directive"},text:"Directive"},{key:"severity",itemType:"text",subItemsHeading:{key:"severity"},text:"Severity"}],items:[{severity:"High",description:"No CSP found in enforcement mode"}]}},"script-treemap-data":{id:"script-treemap-data",title:"Script Treemap Data",description:"Used for treemap app",score:null,scoreDisplayMode:"informative",details:{type:"treemap-data",nodes:[{name:"http://localhost:8008/congo/samples/emoji/",resourceBytes:591},{name:"http://localhost:8008/congo/js/main.bundle.min.81d5d44787f3f7c0220442722b6d0c72da50dab39103321d578502e81b226ed5a87e765e5e2a7c0533fdddeb4697bd499a39be89310453fba5c129f5ba69bdea.js",resourceBytes:27661,unusedBytes:21746}]}},"pwa-cross-browser":{id:"pwa-cross-browser",title:
<spanclass="flex flex-col"><spanclass="mt-[0.1rem] leading-6 group-hover:underline group-hover:decoration-primary-500">Upgrading from Congo 1.x</span>
