Last active
June 7, 2017 13:00
-
-
Save atinux/e2f424e6794babc00d2158406b0ab37d to your computer and use it in GitHub Desktop.
Lighthouse Result https://hn.nuxtjs.org
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="en"><head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> | |
| <link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAADjklEQVR4AWI08P/HQEvAQrxSQKvlECfLFYXx75xCY2qmh89GbNvOMjb3v9jOOlxnFWxj206ebQ3b7q6q+z1rNagu8/zvPSZACAABpeUAA0miMgU7SA7JjCraFGwZwECOwvL75dWjsKgWBKtx0jvWo+vkBAFbACCkByMP6nMn48+AVgXB2fzSCwsv22/lMGlUhmJ0AE7BH8dyUUDbUEgN6RzJRSeaPxhdRYR0Inel+7Hd5lBiFpkMAxACc0394//9C4voFHDiAAGLpuOXebdfdHfctgwJKaZRLRKy6ItrSis6RBnVBgGtbHyKTEmJHQoEXoBCE5BCrDeA2ogMUIGDAKEBDEhUqwgMqBYDjW4DQzmuffVdqff42/ZQYYqVcMXGZsMPyCsH3lyJSetxvEaxAQXdjR1HjfwCdIS7lo2DZke26Qe+MXO12OWkGT0O6oE7vMGkMnkYw4aN1KQgMKExhXqswfiov4+a7MQ11XPnbr/5qpKlgACAAQj94Lu271bN9DUecQasIZlNzG72llRAAKJiAi+/BSHrSFjRvQhg3DEKEqJh08tsmLTx597+f6enr4cc2Zpk57pihfX24dW7RHcOLLUbJYhJSl0ErQCI9BVXH/XrO97QasuvQQSiECa0BrQCIIJp6X9T/r8QG6L71WYSqCoIIGo2BZDUBnS/D9EA9Nun1iYvbM0MFExIDQRoKFatc1Z6zrm5uWeObJotq0BGV9FuQBWq5a4Fw3PPz848rZHstZSuA5FWAFSMP2nOppOOGpl6qh9PCSg0IFyHKjSQyDNQHTru2t75NOEe0fsf246oAmFkI6vCdnWvbQFQFCKx8vCswV8TrDLiDLgH4Nr7RAtNsrC9d8sfk7b8ls4igdNy8CQKAISlsB0FjZfd3Lfp155tf8fKI4BxZZIj/oTdVEAIAcJFOCmzauHG71I7/rdreUAgAqpDP05fDARCAQQARwEIBQSVxq0FyaLvZZtevpHa8WHw8cft6cpxlq8eAJtIhnSbWDf951yx3y13OqUuu5qyGgkxCgGFh9cDihDGbTa6BqvT1lWmrav3bmt2ZMJ4mU6TGgIC4DBzcv/JqAau1WhzSt3x9Ixk/4Jk/8J4ZrrViFMA4W6A7+WK8xcVjvyrOmVD0FbAXokcT48r+xVqLKvuJYbmpNadnlp3mpufJHOe/GXktM+r09bT8kEdq9BRYAbGSgzP7ll82U71Mc+ZFooXgwAAAABJRU5ErkJggg=="> | |
| <title>Lighthouse Report</title> | |
| <style>/** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| .lh-vars { | |
| --text-font-family: '.SFNSDisplay-Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif; | |
| --monospace-font-family: 'Menlo', 'dejavu sans mono', 'Consolas', 'Lucida Console', monospace; | |
| --body-font-size: 12px; | |
| --header-font-size: 14px; | |
| --body-line-height: 1.5; | |
| --default-padding: 12px; | |
| --section-padding: 16px; | |
| --secondary-text-color: #565656; | |
| /*--accent-color: #3879d9;*/ | |
| --fail-color: #df332f; | |
| --pass-color: #2b882f; | |
| --informative-color: #0c50c7; | |
| --manual-color: #757575; | |
| --average-color: #ef6c00; /* md orange 800 */ | |
| --warning-color: #ffab00; /* md amber a700 */ | |
| --report-border-color: #ccc; | |
| --report-secondary-border-color: #ebebeb; | |
| --report-width: 850px; | |
| --report-menu-width: 280px; | |
| --report-content-width: calc(var(--report-width) + var(--report-menu-width)); | |
| --lh-score-highlight-bg: #fafafa; | |
| --lh-score-icon-background-size: 24px; | |
| --lh-score-margin: calc(var(--default-padding) / 2); | |
| --lh-table-header-bg: #ccc; | |
| --lh-table-higlight-bg: #fafafa; | |
| --lh-sparkline-height: 8px; | |
| --lh-sparkline-thin-height: 3px; | |
| --lh-filmstrip-thumbnail-width: 60px; | |
| --lh-audit-score-width: 35px; | |
| --lh-category-score-width: 60px; | |
| } | |
| .lh-root * { | |
| box-sizing: border-box; | |
| } | |
| .lh-root { | |
| font-family: var(--text-font-family); | |
| font-size: var(--body-font-size); | |
| margin: 0; | |
| line-height: var(--body-line-height); | |
| background: #f5f5f5; | |
| scroll-behavior: smooth; | |
| } | |
| .lh-root [hidden] { | |
| display: none !important; | |
| } | |
| a { | |
| color: #0c50c7; | |
| } | |
| summary { | |
| cursor: pointer; | |
| } | |
| .lh-details { | |
| font-size: var(--body-font-size); | |
| margin-top: var(--default-padding); | |
| } | |
| .lh-details[open] summary { | |
| margin-bottom: var(--default-padding); | |
| } | |
| .lh-details.flex .lh-code { | |
| max-width: 70%; | |
| } | |
| /* Report header */ | |
| .report-icon { | |
| opacity: 0.7; | |
| } | |
| .report-icon:hover { | |
| opacity: 1; | |
| } | |
| .report-icon[disabled] { | |
| opacity: 0.3; | |
| pointer-events: none; | |
| } | |
| .report-icon--share { | |
| background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/></svg>'); | |
| } | |
| .report-icon--print { | |
| background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/><path fill="none" d="M0 0h24v24H0z"/></svg>'); | |
| } | |
| .report-icon--copy { | |
| background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>'); | |
| } | |
| .report-icon--open { | |
| background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h4v-2H5V8h14v10h-4v2h4c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm-7 6l-4 4h3v6h2v-6h3l-4-4z"/></svg>'); | |
| } | |
| .report-icon--download { | |
| background-image: url('data:image/svg+xml;utf8,<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); | |
| } | |
| /* List */ | |
| .lh-list { | |
| font-size: smaller; | |
| margin-top: var(--default-padding); | |
| } | |
| .lh-list__items { | |
| padding-left: var(--default-padding); | |
| } | |
| .lh-list__item { | |
| margin-bottom: 2px; | |
| } | |
| /* Node */ | |
| .lh-node { | |
| display: block; | |
| font-family: var(--monospace-font-family); | |
| word-break: break-word; | |
| color: hsl(174, 100%, 27%); | |
| } | |
| span.lh-node:hover { | |
| background: hsl(0, 0%, 98%); | |
| border-radius: 2px; | |
| } | |
| /* Card */ | |
| .lh-scorecards { | |
| display: flex; | |
| flex-wrap: wrap; | |
| } | |
| .lh-scorecard { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| flex: 0 0 180px; | |
| flex-direction: column; | |
| padding: var(--default-padding); | |
| padding-top: calc(32px + var(--default-padding)); | |
| border-radius: 3px; | |
| margin-right: var(--default-padding); | |
| position: relative; | |
| line-height: inherit; | |
| border: 1px solid #ebebeb; | |
| } | |
| .lh-scorecard__title { | |
| background-color: #eee; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| padding: calc(var(--default-padding) / 2); | |
| } | |
| .lh-scorecard__value { | |
| font-size: 28px; | |
| } | |
| .lh-scorecard__target { | |
| margin-top: calc(var(--default-padding) / 2); | |
| } | |
| /* Score */ | |
| .lh-score { | |
| display: flex; | |
| align-items: flex-start; | |
| } | |
| .lh-score__value { | |
| flex: none; | |
| margin-right: var(--lh-score-margin); | |
| width: var(--lh-audit-score-width); | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| border-radius: 2px; | |
| position: relative; | |
| font-weight: bold; | |
| top: 1px; | |
| } | |
| .lh-score__value::after { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| border-radius: inherit; | |
| } | |
| .lh-score--informative .lh-score__value { | |
| color: var(--informative-color); | |
| border-radius: 50%; | |
| top: 3px; | |
| } | |
| .lh-score--informative .lh-score__value::after { | |
| background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>info</title><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" fill="hsl(218, 89%, 41%)"/></svg>') no-repeat 50% 50%; | |
| background-size: var(--lh-score-icon-background-size); | |
| } | |
| .lh-score--manual .lh-score__value::after { | |
| background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><title>manual</title><path d="M2 5h8v2H2z" fill="hsl(0, 0%, 100%)" fill-rule="evenodd"/></svg>') no-repeat 50% 50%; | |
| background-size: 18px; | |
| background-color: var(--manual-color); | |
| width: 20px; | |
| height: 20px; | |
| position: relative; | |
| } | |
| .lh-score__value--binary { | |
| text-indent: -5000px; | |
| } | |
| /* No icon for audits with number scores. */ | |
| .lh-score__value:not(.lh-score__value--binary)::after { | |
| content: none; | |
| } | |
| .lh-score__value--pass { | |
| color: var(--pass-color); | |
| } | |
| .lh-score__value--pass::after { | |
| background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><title>pass</title><path d="M9.17 2.33L4.5 7 2.83 5.33 1.5 6.66l3 3 6-6z" fill="hsl(123, 52%, 35%)" fill-rule="evenodd"/></svg>') no-repeat 50% 50%; | |
| background-size: var(--lh-score-icon-background-size); | |
| } | |
| .lh-score__value--average { | |
| color: var(--average-color); | |
| } | |
| .lh-score__value--average::after { | |
| background: none; | |
| content: '!'; | |
| color: var(--average-color); | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| font-weight: 500; | |
| font-size: 15px; | |
| } | |
| .lh-score__value--fail { | |
| color: var(--fail-color); | |
| } | |
| .lh-score__value--fail::after { | |
| background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><title>fail</title><path d="M8.33 2.33l1.33 1.33-2.335 2.335L9.66 8.33 8.33 9.66 5.995 7.325 3.66 9.66 2.33 8.33l2.335-2.335L2.33 3.66l1.33-1.33 2.335 2.335z" fill="hsl(1, 73%, 53%)"/></svg>') no-repeat 50% 50%; | |
| background-size: var(--lh-score-icon-background-size); | |
| } | |
| .lh-score__description { | |
| font-size: smaller; | |
| color: var(--secondary-text-color); | |
| margin-top: calc(var(--default-padding) / 2); | |
| } | |
| .lh-score__snippet { | |
| align-items: center; | |
| justify-content: space-between; | |
| /*outline: none;*/ | |
| } | |
| .lh-score__snippet::-moz-list-bullet { | |
| display: none; | |
| } | |
| .lh-toggle-arrow { | |
| background: url('data:image/svg+xml;utf8,<svg fill="hsl(0, 0%, 62%)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/><path d="M0-.25h24v24H0z" fill="none"/></svg>') no-repeat 50% 50%; | |
| background-size: contain; | |
| background-color: transparent; | |
| width: 24px; | |
| height: 24px; | |
| flex: none; | |
| margin-left: calc(var(--default-padding) / 2); | |
| transition: transform 150ms ease-in-out; | |
| cursor: pointer; | |
| border: none; | |
| transform: rotateZ(90deg); | |
| } | |
| /* Expandable Details (Audit Groups, Audits) */ | |
| .lh-expandable-details { | |
| flex: 1; | |
| } | |
| .lh-expandable-details__summary { | |
| display: flex; | |
| cursor: pointer; | |
| } | |
| .lh-expandable-details__header { | |
| flex: 1; | |
| } | |
| .lh-expandable-details[open] > .lh-expandable-details__summary > .lh-toggle-arrow { | |
| transform: rotateZ(-90deg); | |
| } | |
| .lh-expandable-details__summary::-webkit-details-marker { | |
| display: none; | |
| } | |
| /*.lh-score__snippet:focus .lh-score__title { | |
| outline: rgb(59, 153, 252) auto 5px; | |
| }*/ | |
| /* Perf Timeline */ | |
| .lh-timeline { | |
| padding: var(--default-padding); | |
| padding-bottom: 0; | |
| min-width: calc(var(--lh-filmstrip-thumbnail-width) * 10 + var(--default-padding) * 2); | |
| } | |
| .lh-narrow .lh-timeline-container { | |
| width: calc(100vw - var(--section-padding) * 2); | |
| overflow-x: scroll; | |
| } | |
| .lh-devtools .lh-timeline-container { | |
| width: 100%; | |
| overflow-x: scroll; | |
| } | |
| /* Perf Timeline Metric */ | |
| .lh-timeline-metric { | |
| padding: 5px 0; | |
| margin-bottom: calc(var(--body-font-size) / 2); | |
| } | |
| .lh-timeline-metric__title { | |
| font-size: var(--header-font-size); | |
| } | |
| .lh-timeline-metric__description { | |
| color: var(--secondary-text-color); | |
| } | |
| .lh-timeline-metric__name::after { | |
| margin-right: 10px; | |
| content: ':'; | |
| } | |
| .lh-timeline-metric--pass .lh-timeline-metric__value { | |
| color: var(--pass-color); | |
| } | |
| .lh-timeline-metric--average .lh-timeline-metric__value { | |
| color: var(--average-color); | |
| } | |
| .lh-timeline-metric--fail .lh-timeline-metric__value { | |
| color: var(--fail-color); | |
| } | |
| .lh-timeline-metric__sparkline { | |
| width: 100%; | |
| } | |
| .lh-timeline-metric__sparkline .lh-sparkline { | |
| margin-left: 0; | |
| margin-right: 0; | |
| border-bottom: 1px solid var(--report-border-color); | |
| } | |
| .lh-timeline-metric__sparkline .lh-sparkline__bar { | |
| float: none; | |
| } | |
| .lh-timeline-metric--pass .lh-sparkline__bar { | |
| background: var(--pass-color); | |
| } | |
| .lh-timeline-metric--average .lh-sparkline__bar { | |
| background: var(--average-color); | |
| } | |
| .lh-timeline-metric--fail .lh-sparkline__bar { | |
| background: var(--fail-color); | |
| } | |
| /* Perf Hint */ | |
| .lh-perf-hint { | |
| margin-top: var(--default-padding); | |
| margin-left: var(--default-padding); | |
| padding-bottom: var(--default-padding); | |
| border-bottom: 1px solid var(--report-secondary-border-color); | |
| } | |
| .lh-perf-hint:last-of-type { | |
| border-bottom: none; | |
| } | |
| .lh-perf-hint__summary { | |
| display: flex; | |
| align-items: center; | |
| } | |
| .lh-perf-hint__title { | |
| font-size: var(--header-font-size); | |
| flex: 10; | |
| } | |
| .lh-perf-hint__sparkline { | |
| flex: 0 0 50%; | |
| } | |
| .lh-perf-hint__sparkline .lh-sparkline { | |
| width: calc(100% - var(--default-padding) * 2); | |
| float: right; | |
| } | |
| .lh-perf-hint__stats { | |
| text-align: right; | |
| flex: 0 0 70px; | |
| } | |
| .lh-perf-hint__primary-stat { | |
| font-size: var(--header-font-size); | |
| } | |
| .lh-perf-hint__description { | |
| color: var(--secondary-text-color); | |
| margin-top: calc(var(--default-padding) / 2); | |
| } | |
| .lh-perf-hint--pass .lh-perf-hint__stats { | |
| color: var(--pass-color); | |
| } | |
| .lh-perf-hint--pass .lh-sparkline__bar { | |
| background: var(--pass-color); | |
| } | |
| .lh-perf-hint--average .lh-sparkline__bar { | |
| background: var(--average-color); | |
| } | |
| .lh-perf-hint--average .lh-perf-hint__stats { | |
| color: var(--average-color); | |
| } | |
| .lh-perf-hint--fail .lh-sparkline__bar { | |
| background: var(--fail-color); | |
| } | |
| .lh-perf-hint--fail .lh-perf-hint__stats { | |
| color: var(--fail-color); | |
| } | |
| /* Filmstrip */ | |
| .lh-filmstrip { | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: space-between; | |
| padding-bottom: var(--default-padding); | |
| } | |
| .lh-filmstrip__frame { | |
| text-align: center; | |
| } | |
| .lh-filmstrip__timestamp { | |
| margin-bottom: 5px; | |
| } | |
| .lh-filmstrip__thumbnail { | |
| border: 1px solid var(--report-secondary-border-color); | |
| max-height: 100px; | |
| } | |
| /* Sparkline */ | |
| .lh-sparkline { | |
| margin: 5px; | |
| height: var(--lh-sparkline-height); | |
| width: 100%; | |
| } | |
| .lh-sparkline--thin { | |
| height: calc(var(--lh-sparkline-height) / 2); | |
| } | |
| .lh-sparkline__bar { | |
| background: var(--warning-color); | |
| height: 100%; | |
| float: right; | |
| } | |
| /* Audit */ | |
| .lh-audit { | |
| margin-top: var(--default-padding); | |
| padding-bottom: var(--default-padding); | |
| border-bottom: 1px solid var(--report-secondary-border-color); | |
| } | |
| .lh-audit:last-of-type { | |
| border-bottom: none; | |
| } | |
| .lh-audit > .lh-score { | |
| font-size: var(--header-font-size); | |
| } | |
| /* Audit Group */ | |
| .lh-audit-group { | |
| padding-top: var(--default-padding); | |
| padding-bottom: var(--default-padding); | |
| border-top: 1px solid var(--report-secondary-border-color); | |
| } | |
| .lh-category > .lh-audit-group.lh-audit-group--manual { | |
| border-top: none; | |
| margin-left: var(--default-padding); | |
| } | |
| .lh-audit-group__header { | |
| font-size: 18px; | |
| } | |
| .lh-audit-group--manual .lh-audit-group__summary { | |
| display: flex; | |
| align-items: center; | |
| font-size: 15px; | |
| } | |
| .lh-audit-group--manual .lh-audit-group__summary .lh-audit-group__header { | |
| font-size: inherit; | |
| } | |
| .lh-audit-group--manual .lh-audit-group__summary .lh-toggle-arrow { | |
| display: none; | |
| } | |
| .lh-audit-group--manual .lh-audit-group__summary::-webkit-details-marker { | |
| display: initial; | |
| background: var(--manual-color) !important; | |
| } | |
| .lh-audit-group__description { | |
| font-size: var(--header-font-size); | |
| color: var(--secondary-text-color); | |
| margin-top: calc(var(--default-padding) / 2); | |
| } | |
| .lh-debug { | |
| margin-top: calc(var(--default-padding) / 2); | |
| margin-left: calc(var(--lh-audit-score-width) + var(--lh-score-margin)); | |
| color: var(--fail-color); | |
| } | |
| .lh-debug::before { | |
| display: inline-block; | |
| content: ''; | |
| background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>warn</title><path d="M0 0h24v24H0z" fill="none"/><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" fill="hsl(40, 100%, 50%)"/></svg>') no-repeat 50% 50%; | |
| background-size: contain; | |
| width: 20px; | |
| height: 20px; | |
| position: relative; | |
| margin-right: calc(var(--default-padding) / 2); | |
| top: 5px; | |
| } | |
| /* Report */ | |
| .lh-container { | |
| display: flex; | |
| max-width: var(--report-content-width); | |
| margin: 0 auto; | |
| } | |
| .lh-report { | |
| margin-left: var(--report-menu-width); | |
| width: var(--report-width); | |
| background-color: #fff; | |
| } | |
| .lh-exception { | |
| font-size: large; | |
| } | |
| .lh-text__url { | |
| white-space: nowrap; | |
| } | |
| .lh-code { | |
| text-overflow: ellipsis; | |
| white-space: pre-line; | |
| margin-top: 0; | |
| } | |
| .lh-scores-header { | |
| display: flex; | |
| overflow-x: hidden; | |
| margin: var(--report-header-height) 0 0 0; | |
| padding: calc(var(--default-padding) * 2) var(--default-padding); | |
| border-bottom: 1px solid var(--report-border-color); | |
| } | |
| .lh-categories { | |
| width: 100%; | |
| overflow: hidden; | |
| } | |
| .lh-category { | |
| padding: var(--section-padding); | |
| border-top: 1px solid var(--report-border-color); | |
| } | |
| .lh-category:first-of-type { | |
| border: none; | |
| } | |
| .lh-category .lh-audit { | |
| margin-left: calc(var(--default-padding) * 2); | |
| } | |
| .lh-category .lh-audit-group { | |
| margin-left: calc(var(--lh-category-score-width) + var(--default-padding)); | |
| } | |
| .lh-category > .lh-audit-group { | |
| margin-left: 0; | |
| } | |
| .lh-category .lh-audit-group .lh-audit { | |
| margin-left: var(--default-padding); | |
| } | |
| .lh-category > .lh-score { | |
| font-size: 20px; | |
| padding-bottom: var(--default-padding); | |
| } | |
| .lh-category > .lh-score .lh-score__value, | |
| .lh-category > .lh-score .lh-score__gauge .lh-gauge__label { | |
| display: none; | |
| } | |
| .lh-category .lh-score__gauge { | |
| margin: calc(var(--default-padding) / 2) var(--default-padding) 0 0; | |
| flex-basis: var(--circle-size); | |
| flex-shrink: 0; | |
| } | |
| .lh-category .lh-score__gauge .lh-gauge { | |
| --circle-size: 60px; | |
| } | |
| /* Category snippet shouldnt have pointer cursor. */ | |
| .lh-category > .lh-score .lh-score__snippet { | |
| cursor: initial; | |
| } | |
| .lh-category > .lh-score .lh-score__title { | |
| font-size: 24px; | |
| font-weight: 400; | |
| } | |
| .lh-passed-audits[open] summary.lh-passed-audits-summary { | |
| margin-bottom: calc(var(--default-padding) * 2); | |
| } | |
| summary.lh-passed-audits-summary { | |
| margin: calc(var(--default-padding) * 2) var(--default-padding); | |
| margin-left: var(--default-padding); | |
| margin-bottom: 0; | |
| font-size: 15px; | |
| display: flex; | |
| align-items: center; | |
| } | |
| summary.lh-passed-audits-summary::-webkit-details-marker, | |
| .lh-audit-group--manual > summary::-webkit-details-marker { | |
| background: var(--pass-color); | |
| color: white; | |
| padding: 3px 3px 3px 6px; | |
| border-radius: 2px; | |
| } | |
| .lh-passed-audits[open] summary.lh-passed-audits-summary::-webkit-details-marker, | |
| .lh-audit-group--manual[open] > summary::-webkit-details-marker { | |
| padding: 3px 5px 3px 4px; | |
| } | |
| #lh-log { | |
| position: fixed; | |
| background-color: #323232; | |
| color: #fff; | |
| min-height: 48px; | |
| min-width: 288px; | |
| padding: 16px 24px; | |
| box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); | |
| border-radius: 2px; | |
| margin: 12px; | |
| font-size: 14px; | |
| cursor: default; | |
| transition: transform 0.3s, opacity 0.3s; | |
| transform: translateY(100px); | |
| opacity: 0; | |
| -webkit-font-smoothing: antialiased; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 3; | |
| } | |
| #lh-log.show { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| @media screen and (max-width: 767px) { | |
| .lh-report { | |
| margin-left: 0; | |
| width: 100%; | |
| min-width: 400px; | |
| } | |
| .lh-category { | |
| padding: 24px var(--default-padding); | |
| } | |
| } | |
| @media print { | |
| body { | |
| -webkit-print-color-adjust: exact; /* print background colors */ | |
| } | |
| .lh-report { | |
| margin-left: 0; | |
| } | |
| .lh-categories { | |
| margin-top: 0; | |
| } | |
| } | |
| .lh-table { | |
| --image-preview-size: 24px; | |
| border: 1px solid var(--report-secondary-border-color); | |
| border-collapse: collapse; | |
| table-layout: fixed; | |
| width: 100%; | |
| } | |
| .lh-table thead { | |
| background: var(--lh-table-header-bg); | |
| } | |
| .lh-table tbody tr:nth-child(even) { | |
| background-color: var(--lh-table-higlight-bg); | |
| } | |
| .lh-table th, | |
| .lh-table td { | |
| padding: 10px; | |
| overflow: auto; | |
| } | |
| .lh-table-column--text { | |
| text-align: right; | |
| } | |
| .lh-table-column--thumbnail { | |
| width: calc(var(--image-preview-size) * 2); | |
| } | |
| .lh-table-column--url { | |
| text-align: left; | |
| min-width: 250px; | |
| white-space: nowrap; | |
| } | |
| .lh-thumbnail { | |
| height: var(--image-preview-size); | |
| width: var(--image-preview-size); | |
| object-fit: contain; | |
| } | |
| /*# sourceURL=report.styles.css */ | |
| </style> | |
| </head> | |
| <body class="lh-root lh-vars"> | |
| <noscript>Lighthouse report requires JavaScript. Please enable.</noscript> | |
| <div hidden=""><!-- Lighthouse category score --> | |
| <template id="tmpl-lh-category-score"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value"><!-- fill me --></div> | |
| <div class="lh-score__gauge"></div> | |
| <div class="lh-score__header"> | |
| <div class="lh-score__snippet"> | |
| <span class="lh-score__title"><!-- fill me --></span> | |
| </div> | |
| <div class="lh-score__description"><!-- fill me --></div> | |
| </div> | |
| </div> | |
| </template> | |
| <!-- Lighthouse audit score --> | |
| <template id="tmpl-lh-audit-score"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value"><!-- fill me --></div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --></div> | |
| </details> | |
| </div> | |
| </template> | |
| <!-- Lighthouse left nav --> | |
| <template id="tmpl-lh-leftnav"> | |
| <style> | |
| .lh-leftnav { | |
| width: var(--report-menu-width); | |
| border-right: 1px solid var(--report-secondary-border-color); | |
| position: fixed; | |
| height: 100%; | |
| background: #fff; | |
| will-change: transform; /* prevent excessive paints */ | |
| z-index: 2; | |
| } | |
| .lh-leftnav__item { | |
| padding: var(--default-padding); | |
| color: var(--secondary-text-color); | |
| font-size: 16px; | |
| display: flex; | |
| justify-content: space-between; | |
| text-decoration: none; | |
| color: inherit; | |
| } | |
| .leftnav-item__score { | |
| background: transparent; | |
| } | |
| .leftnav-item__score::after { | |
| content: ''; | |
| } | |
| .leftnav-item__score.lh-score__value--pass { | |
| color: var(--pass-color); | |
| } | |
| .leftnav-item__score.lh-score__value--average { | |
| color: var(--average-color); | |
| } | |
| .leftnav-item__score.lh-score__value--fail { | |
| color: var(--fail-color); | |
| } | |
| .leftnav__header { | |
| padding: 0 20px; | |
| height: 115px; | |
| font-size: 18px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| background: url(data:image/png;base64,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) no-repeat 150% 100%; | |
| background-color: #2238b3; | |
| background-size: 205px; | |
| background-blend-mode: luminosity; | |
| } | |
| .leftnav__header__title { | |
| font-family: var(--text-font-family); | |
| font-weight: 300; | |
| color: #fff; | |
| margin: 0; | |
| padding: 0; | |
| line-height: 1.5; | |
| } | |
| .leftnav__header__version { | |
| color: #aab3ed; | |
| font-family: var(--text-font-family); | |
| font-size: 14px; | |
| line-height: 1.5; | |
| } | |
| @media screen and (max-width: 767px) { | |
| .lh-leftnav { | |
| display: none; | |
| } | |
| } | |
| @media print { | |
| .lh-leftnav { | |
| display: none; | |
| } | |
| } | |
| </style> | |
| <nav class="lh-leftnav"> | |
| <div class="leftnav__header"> | |
| <h1 class="leftnav__header__title">Lighthouse</h1> | |
| <div class="leftnav__header__version"><!-- fill me --></div> | |
| </div> | |
| <template id="tmpl-lh-leftnav__items"> | |
| <a href="#" class="lh-leftnav__item"> | |
| <span class="leftnav-item__category"><!-- fill me --></span> | |
| <span class="leftnav-item__score"><!-- fill me --></span> | |
| </a> | |
| </template> | |
| </nav> | |
| </template> | |
| <!-- Lighthouse header --> | |
| <template id="tmpl-lh-heading"> | |
| <style> | |
| :root { | |
| --report-header-height: 58px; | |
| --report-header-bg-color: #fafafa; | |
| } | |
| .lh-header { | |
| display: flex; | |
| height: var(--report-header-height); | |
| left: 0; | |
| right: 0; | |
| max-width: 100%; /* support text-overflow on url */ | |
| border-bottom: 1px solid var(--report-secondary-border-color); | |
| position: fixed; | |
| z-index: 1; | |
| will-change: transform; | |
| background-color: var(--report-header-bg-color); | |
| margin-left: var(--report-menu-width); | |
| align-items: center; | |
| padding: 0 calc(var(--default-padding) * 2); | |
| } | |
| .lh-metadata { | |
| flex: 1 1 0; | |
| padding-right: calc(var(--default-padding) / 2); | |
| line-height: 20px; | |
| color: var(--secondary-text-color); | |
| overflow-x: hidden; | |
| } | |
| .lh-metadata__results { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .lh-metadata__url { | |
| color: currentColor; | |
| } | |
| .lh-export { | |
| position: relative; | |
| } | |
| .lh-export__button { | |
| background-color: #fff; | |
| border: 1px solid var(--report-border-color); | |
| border-radius: 3px; | |
| cursor: pointer; | |
| outline: none; | |
| height: 32px; | |
| width: 48px; | |
| background-repeat: no-repeat; | |
| background-size: 20px; | |
| background-position: 50% 50%; | |
| } | |
| .lh-export__button:focus, | |
| .lh-export__button.active { | |
| box-shadow: 1px 1px 3px #ccc; | |
| } | |
| .lh-export__button.active + .lh-export__dropdown { | |
| opacity: 1; | |
| clip: rect(0, 164px, 200px, 0); | |
| } | |
| .lh-export__dropdown { | |
| position: absolute; | |
| background-color: #fff; | |
| border: 1px solid var(--report-border-color); | |
| border-radius: 3px; | |
| padding: calc(var(--default-padding) / 2) 0; | |
| cursor: pointer; | |
| top: 36px; | |
| right: 0; | |
| box-shadow: 1px 1px 3px #ccc; | |
| min-width: 125px; | |
| clip: rect(0, 164px, 0, 0); | |
| opacity: 0; | |
| transition: all 200ms cubic-bezier(0,0,0.2,1); | |
| } | |
| .lh-export__dropdown a { | |
| display: block; | |
| color: currentColor; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| padding: 0 12px; | |
| line-height: 2; | |
| } | |
| .lh-export__dropdown a:hover, | |
| .lh-export__dropdown a:focus { | |
| background-color: #efefef; | |
| outline: none; | |
| } | |
| .lh-export__dropdown .report-icon { | |
| cursor: pointer; | |
| background-repeat: no-repeat; | |
| background-position: 8px 50%; | |
| background-size: 18px; | |
| background-color: transparent; | |
| text-indent: 18px; | |
| } | |
| /* copy icon needs slight adjustments to look great */ | |
| .lh-export__dropdown .report-icon--copy { | |
| background-size: 16px; | |
| background-position: 9px 50%; | |
| } | |
| .lh-config { | |
| display: flex; | |
| } | |
| .lh-env { | |
| padding: var(--default-padding) 0 var(--default-padding) calc(var(--default-padding) * 2); | |
| left: 0; | |
| top: 100%; | |
| position: absolute; | |
| width: 100%; | |
| background-color: var(--report-header-bg-color); | |
| border-top: 1px solid var(--report-secondary-border-color); | |
| border-bottom: 1px solid var(--report-secondary-border-color); | |
| } | |
| .lh-env__title { | |
| font-size: var(--header-font-size); | |
| } | |
| .lh-env__items { | |
| margin: var(--default-padding) 0 0 0; | |
| } | |
| .lh-config__timestamp { | |
| margin-right: 6px; | |
| } | |
| .lh-config__settings-toggle { | |
| margin-left: 6px; | |
| } | |
| .lh-config__timestamp, | |
| .lh-config__settings-toggle summary { | |
| color: var(--secondary-text-color); | |
| } | |
| .lh-config__settings-toggle summary { | |
| display: flex; | |
| align-items: center; | |
| } | |
| .lh-config__settings-toggle .lh-toggle-arrow { | |
| width: 16px; | |
| height: 16px; | |
| margin-left: 2px; | |
| } | |
| .lh-config__settings-toggle[open] .lh-toggle-arrow { | |
| transform: rotateZ(90deg); | |
| } | |
| .lh-config__settings-toggle summary::-moz-list-bullet { | |
| display: none; | |
| } | |
| .lh-config__settings-toggle summary::-webkit-details-marker { | |
| display: none; | |
| } | |
| @media screen and (min-width: 1130px) { | |
| .lh-header { | |
| width: var(--report-width); | |
| right: initial; | |
| left: initial; | |
| } | |
| } | |
| @media screen and (max-width: 767px) { | |
| .lh-export__dropdown { | |
| right: 0; | |
| left: initial; | |
| } | |
| .lh-header { | |
| padding: 0 var(--default-padding); | |
| margin-left: 0; | |
| } | |
| } | |
| @media print { | |
| .lh-header { | |
| display: none; | |
| margin-left: 0; | |
| } | |
| } | |
| </style> | |
| <div class="lh-header"> | |
| <div class="lh-metadata"> | |
| <div class="lh-metadata__results">Results for: <a href="" class="lh-metadata__url" target="_blank" rel="noopener"><!-- fill me --></a></div> | |
| <div class="lh-config"> | |
| <span class="lh-config__timestamp"><!-- fill me --></span> • | |
| <details class="lh-config__settings-toggle"> | |
| <summary> | |
| <span>Runtime settings</span> | |
| <span class="lh-toggle-arrow" title="See report's runtime settings"></span> | |
| </summary> | |
| <div class="lh-env"> | |
| <div class="lh-env__title">Runtime environment</div> | |
| <ul class="lh-env__items"> | |
| <li class="lh-env__item"> | |
| <span class="lh-env__name">User agent:</span> | |
| <b class="lh-env__item__ua"><!-- fill me --></b> | |
| </li> | |
| <template id="tmpl-lh-env__items"> | |
| <li class="lh-env__item"> | |
| <span class="lh-env__name"><!-- fill me --></span> | |
| <span class="lh-env__description"><!-- fill me --></span>: | |
| <b class="lh-env__enabled"><!-- fill me --></b> | |
| </li> | |
| </template> | |
| </ul> | |
| </div> | |
| </details> | |
| </div> | |
| </div> | |
| <div class="lh-export"> | |
| <button class="report-icon report-icon--share lh-export__button" title="Export report"></button> | |
| <div class="lh-export__dropdown"> | |
| <a href="#" class="report-icon report-icon--print" data-action="print">Print...</a> | |
| <a href="#" class="report-icon report-icon--copy" data-action="copy">Copy JSON</a> | |
| <a href="#" class="report-icon report-icon--download" data-action="save-html">Save as HTML</a> | |
| <a href="#" class="report-icon report-icon--download" data-action="save-json">Save as JSON</a> | |
| </div> | |
| </div> | |
| </div> | |
| </template> | |
| <!-- Lighthouse footer --> | |
| <template id="tmpl-lh-footer"> | |
| <style> | |
| .lh-footer { | |
| min-height: 90px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| background-color: var(--report-header-bg-color); | |
| border-top: 1px solid var(--report-secondary-border-color); | |
| } | |
| .lh-footer span { | |
| text-align: center; | |
| } | |
| </style> | |
| <footer class="lh-footer"> | |
| <span> | |
| Generated by <b>Lighthouse</b> <span class="lh-footer__version"><!-- fill me --></span> on | |
| <span class="lh-footer__timestamp"><!-- fill me --></span> | | |
| <a href="https://github.com/GoogleChrome/Lighthouse/issues" target="_blank" rel="noopener">File an issue</a> | |
| </span> | |
| </footer> | |
| </template> | |
| <!-- Lighthouse score gauge --> | |
| <template id="tmpl-lh-gauge"> | |
| <style> | |
| .lh-gauge { | |
| --circle-size: 80px; | |
| --circle-size-half: calc(var(--circle-size) / 2); | |
| --circle-background: #eee; | |
| --circle-border-width: 8px; | |
| --inset-size: calc(var(--circle-size) - var(--circle-border-width)); | |
| --inset-color: #fff; | |
| --transition-length: 1s; | |
| width: var(--circle-size); | |
| height: var(--circle-size); | |
| background-color: var(--circle-background); | |
| border-radius: 50%; | |
| } | |
| .lh-gauge--pass { | |
| --circle-color: var(--pass-color); | |
| color: var(--circle-color); | |
| } | |
| .lh-gauge--average { | |
| --circle-color: var(--average-color); | |
| color: var(--circle-color); | |
| } | |
| .lh-gauge--fail { | |
| --circle-color: var(--fail-color); | |
| color: var(--circle-color); | |
| } | |
| .lh-gauge__mask, | |
| .lh-gauge__fill { | |
| width: var(--circle-size); | |
| height: var(--circle-size); | |
| position: absolute; | |
| transition: transform var(--transition-length); | |
| border-radius: 50%; | |
| } | |
| .lh-gauge__mask { | |
| clip: rect(0px, var(--circle-size), var(--circle-size), var(--circle-size-half)); | |
| } | |
| .lh-gauge__mask .lh-gauge__fill { | |
| clip: rect(0px, var(--circle-size-half), var(--circle-size), 0px); | |
| background-color: var(--circle-color); | |
| backface-visibility: hidden; | |
| } | |
| .lh-gauge__percentage { | |
| --spacer: calc((var(--circle-size) - var(--inset-size)) / 2); | |
| width: var(--inset-size); | |
| height: var(--inset-size); | |
| position: absolute; | |
| margin-left: var(--spacer); | |
| margin-top: var(--spacer); | |
| background-color: var(--inset-color); | |
| border-radius: inherit; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-size: calc(var(--circle-size) / 3); | |
| } | |
| .lh-gauge__wrapper { | |
| display: inline-flex; | |
| align-items: center; | |
| flex-direction: column; | |
| text-decoration: none; | |
| color: inherit; | |
| flex: 1; | |
| min-width: auto; | |
| position: relative; | |
| } | |
| .lh-gauge__label { | |
| font-size: 16px; | |
| margin-top: var(--default-padding); | |
| text-align: center; | |
| } | |
| @media screen and (max-width: 767px) { | |
| .lh-gauge__label { | |
| font-size: 12px; | |
| } | |
| } | |
| </style> | |
| <a href="#" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge" data-progress="0"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full"> | |
| <div class="lh-gauge__fill"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage"></div> | |
| </div> | |
| <div class="lh-gauge__label"><!-- fill me --></div> | |
| </a> | |
| </template> | |
| <!-- Lighthouse crtiical request chains component --> | |
| <template id="tmpl-lh-crc"> | |
| <style> | |
| .lh-crc .tree-marker { | |
| width: 12px; | |
| height: 26px; | |
| display: block; | |
| float: left; | |
| background-position: top left; | |
| } | |
| .lh-crc .horiz-down { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><g fill="#D8D8D8" fill-rule="evenodd"><path d="M16 12v2H-2v-2z"/><path d="M9 12v14H7V12z"/></g></svg>'); | |
| } | |
| .lh-crc .right { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M16 12v2H0v-2z" fill="#D8D8D8" fill-rule="evenodd"/></svg>'); | |
| } | |
| .lh-crc .up-right { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v14H7zm2 12h7v2H9z" fill="#D8D8D8" fill-rule="evenodd"/></svg>'); | |
| } | |
| .lh-crc .vert-right { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v27H7zm2 12h7v2H9z" fill="#D8D8D8" fill-rule="evenodd"/></svg>'); | |
| } | |
| .lh-crc .vert { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v26H7z" fill="#D8D8D8" fill-rule="evenodd"/></svg>'); | |
| } | |
| .lh-crc .crc-tree { | |
| font-size: 14px; | |
| width: 100%; | |
| overflow-x: auto; | |
| } | |
| .lh-crc .crc-node { | |
| height: 26px; | |
| line-height: 26px; | |
| white-space: nowrap; | |
| } | |
| .lh-crc .crc-node__tree-value { | |
| margin-left: 10px; | |
| } | |
| .lh-crc .crc-node__chain-duration { | |
| font-weight: 700; | |
| } | |
| .lh-crc .crc-node__tree-hostname { | |
| color: #595959; | |
| } | |
| .lh-crc .crc-initial-nav { | |
| color: #595959; | |
| font-style: italic; | |
| } | |
| </style> | |
| <div class="lh-score__description"> | |
| Longest chain: <b class="lh-crc__longest_duration"><!-- fill me: longestChain.duration --></b> | |
| over <b class="lh-crc__longest_length"><!-- fill me: longestChain.length --></b> requests, totalling | |
| <b class="lh-crc__longest_transfersize"><!-- fill me: longestChain.length --></b> | |
| </div> | |
| <div class="lh-crc"> | |
| <details class="lh-details"> | |
| <summary><!-- fill me --></summary> | |
| <div class="crc-initial-nav">Initial Navigation</div> | |
| <!-- stamp for each chain --> | |
| <template id="tmpl-lh-crc__chains"> | |
| <div class="crc-node"> | |
| <span class="crc-node__tree-marker"> | |
| <!-- fill me --> | |
| </span> | |
| <span class="crc-node__tree-value"> | |
| <span class="crc-node__tree-file"><!-- fill me: node.request.url.file --></span> | |
| <span class="crc-node__tree-hostname">(<!-- fill me: node.request.url.host -->)</span> | |
| <!-- fill me --> | |
| </span> | |
| </div> | |
| </template> | |
| </details> | |
| </div> | |
| </template> | |
| </div> | |
| <main><div class="lh-container"> | |
| <style> | |
| :root { | |
| --report-header-height: 58px; | |
| --report-header-bg-color: #fafafa; | |
| } | |
| .lh-header { | |
| display: flex; | |
| height: var(--report-header-height); | |
| left: 0; | |
| right: 0; | |
| max-width: 100%; /* support text-overflow on url */ | |
| border-bottom: 1px solid var(--report-secondary-border-color); | |
| position: fixed; | |
| z-index: 1; | |
| will-change: transform; | |
| background-color: var(--report-header-bg-color); | |
| margin-left: var(--report-menu-width); | |
| align-items: center; | |
| padding: 0 calc(var(--default-padding) * 2); | |
| } | |
| .lh-metadata { | |
| flex: 1 1 0; | |
| padding-right: calc(var(--default-padding) / 2); | |
| line-height: 20px; | |
| color: var(--secondary-text-color); | |
| overflow-x: hidden; | |
| } | |
| .lh-metadata__results { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .lh-metadata__url { | |
| color: currentColor; | |
| } | |
| .lh-export { | |
| position: relative; | |
| } | |
| .lh-export__button { | |
| background-color: #fff; | |
| border: 1px solid var(--report-border-color); | |
| border-radius: 3px; | |
| cursor: pointer; | |
| outline: none; | |
| height: 32px; | |
| width: 48px; | |
| background-repeat: no-repeat; | |
| background-size: 20px; | |
| background-position: 50% 50%; | |
| } | |
| .lh-export__button:focus, | |
| .lh-export__button.active { | |
| box-shadow: 1px 1px 3px #ccc; | |
| } | |
| .lh-export__button.active + .lh-export__dropdown { | |
| opacity: 1; | |
| clip: rect(0, 164px, 200px, 0); | |
| } | |
| .lh-export__dropdown { | |
| position: absolute; | |
| background-color: #fff; | |
| border: 1px solid var(--report-border-color); | |
| border-radius: 3px; | |
| padding: calc(var(--default-padding) / 2) 0; | |
| cursor: pointer; | |
| top: 36px; | |
| right: 0; | |
| box-shadow: 1px 1px 3px #ccc; | |
| min-width: 125px; | |
| clip: rect(0, 164px, 0, 0); | |
| opacity: 0; | |
| transition: all 200ms cubic-bezier(0,0,0.2,1); | |
| } | |
| .lh-export__dropdown a { | |
| display: block; | |
| color: currentColor; | |
| text-decoration: none; | |
| white-space: nowrap; | |
| padding: 0 12px; | |
| line-height: 2; | |
| } | |
| .lh-export__dropdown a:hover, | |
| .lh-export__dropdown a:focus { | |
| background-color: #efefef; | |
| outline: none; | |
| } | |
| .lh-export__dropdown .report-icon { | |
| cursor: pointer; | |
| background-repeat: no-repeat; | |
| background-position: 8px 50%; | |
| background-size: 18px; | |
| background-color: transparent; | |
| text-indent: 18px; | |
| } | |
| /* copy icon needs slight adjustments to look great */ | |
| .lh-export__dropdown .report-icon--copy { | |
| background-size: 16px; | |
| background-position: 9px 50%; | |
| } | |
| .lh-config { | |
| display: flex; | |
| } | |
| .lh-env { | |
| padding: var(--default-padding) 0 var(--default-padding) calc(var(--default-padding) * 2); | |
| left: 0; | |
| top: 100%; | |
| position: absolute; | |
| width: 100%; | |
| background-color: var(--report-header-bg-color); | |
| border-top: 1px solid var(--report-secondary-border-color); | |
| border-bottom: 1px solid var(--report-secondary-border-color); | |
| } | |
| .lh-env__title { | |
| font-size: var(--header-font-size); | |
| } | |
| .lh-env__items { | |
| margin: var(--default-padding) 0 0 0; | |
| } | |
| .lh-config__timestamp { | |
| margin-right: 6px; | |
| } | |
| .lh-config__settings-toggle { | |
| margin-left: 6px; | |
| } | |
| .lh-config__timestamp, | |
| .lh-config__settings-toggle summary { | |
| color: var(--secondary-text-color); | |
| } | |
| .lh-config__settings-toggle summary { | |
| display: flex; | |
| align-items: center; | |
| } | |
| .lh-config__settings-toggle .lh-toggle-arrow { | |
| width: 16px; | |
| height: 16px; | |
| margin-left: 2px; | |
| } | |
| .lh-config__settings-toggle[open] .lh-toggle-arrow { | |
| transform: rotateZ(90deg); | |
| } | |
| .lh-config__settings-toggle summary::-moz-list-bullet { | |
| display: none; | |
| } | |
| .lh-config__settings-toggle summary::-webkit-details-marker { | |
| display: none; | |
| } | |
| @media screen and (min-width: 1130px) { | |
| .lh-header { | |
| width: var(--report-width); | |
| right: initial; | |
| left: initial; | |
| } | |
| } | |
| @media screen and (max-width: 767px) { | |
| .lh-export__dropdown { | |
| right: 0; | |
| left: initial; | |
| } | |
| .lh-header { | |
| padding: 0 var(--default-padding); | |
| margin-left: 0; | |
| } | |
| } | |
| @media print { | |
| .lh-header { | |
| display: none; | |
| margin-left: 0; | |
| } | |
| } | |
| </style> | |
| <div class="lh-header"> | |
| <div class="lh-metadata"> | |
| <div class="lh-metadata__results">Results for: <a href="https://hackernews-ecvrcpossc.now.sh/top" class="lh-metadata__url" target="_blank" rel="noopener">https://hackernews-ecvrcpossc.now.sh/top</a></div> | |
| <div class="lh-config"> | |
| <span class="lh-config__timestamp">Jun 7, 2017, 2:53 PM GMT+2</span> • | |
| <details class="lh-config__settings-toggle"> | |
| <summary> | |
| <span>Runtime settings</span> | |
| <span class="lh-toggle-arrow" title="See report's runtime settings"></span> | |
| </summary> | |
| <div class="lh-env"> | |
| <div class="lh-env__title">Runtime environment</div> | |
| <ul class="lh-env__items"> | |
| <li class="lh-env__item"> | |
| <span class="lh-env__name">User agent:</span> | |
| <b class="lh-env__item__ua">Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5 Build/MRA58N) AppleWebKit/537.36(KHTML, like Gecko) Chrome/61.0.3116.0 Mobile Safari/537.36</b> | |
| </li> | |
| <template id="tmpl-lh-env__items"> | |
| <li class="lh-env__item"> | |
| <span class="lh-env__name"><!-- fill me --></span> | |
| <span class="lh-env__description"><!-- fill me --></span>: | |
| <b class="lh-env__enabled"><!-- fill me --></b> | |
| </li> | |
| </template> | |
| <li class="lh-env__item"> | |
| <span class="lh-env__name">Device Emulation</span> | |
| <span class="lh-env__description">Nexus 5X</span>: | |
| <b class="lh-env__enabled">Enabled</b> | |
| </li> | |
| <li class="lh-env__item"> | |
| <span class="lh-env__name">Network Throttling</span> | |
| <span class="lh-env__description">562.5ms RTT, 1.4Mbps down, 0.7Mbps up</span>: | |
| <b class="lh-env__enabled">Enabled</b> | |
| </li> | |
| <li class="lh-env__item"> | |
| <span class="lh-env__name">CPU Throttling</span> | |
| <span class="lh-env__description">4x slowdown</span>: | |
| <b class="lh-env__enabled">Enabled</b> | |
| </li> | |
| </ul> | |
| </div> | |
| </details> | |
| </div> | |
| </div> | |
| <div class="lh-export"> | |
| <button class="report-icon report-icon--share lh-export__button" title="Export report"></button> | |
| <div class="lh-export__dropdown"> | |
| <a href="#" class="report-icon report-icon--print" data-action="print">Print...</a> | |
| <a href="#" class="report-icon report-icon--copy" data-action="copy">Copy JSON</a> | |
| <a href="#" class="report-icon report-icon--download" data-action="save-html">Save as HTML</a> | |
| <a href="#" class="report-icon report-icon--download" data-action="save-json">Save as JSON</a> | |
| </div> | |
| </div> | |
| </div> | |
| <style> | |
| .lh-leftnav { | |
| width: var(--report-menu-width); | |
| border-right: 1px solid var(--report-secondary-border-color); | |
| position: fixed; | |
| height: 100%; | |
| background: #fff; | |
| will-change: transform; /* prevent excessive paints */ | |
| z-index: 2; | |
| } | |
| .lh-leftnav__item { | |
| padding: var(--default-padding); | |
| color: var(--secondary-text-color); | |
| font-size: 16px; | |
| display: flex; | |
| justify-content: space-between; | |
| text-decoration: none; | |
| color: inherit; | |
| } | |
| .leftnav-item__score { | |
| background: transparent; | |
| } | |
| .leftnav-item__score::after { | |
| content: ''; | |
| } | |
| .leftnav-item__score.lh-score__value--pass { | |
| color: var(--pass-color); | |
| } | |
| .leftnav-item__score.lh-score__value--average { | |
| color: var(--average-color); | |
| } | |
| .leftnav-item__score.lh-score__value--fail { | |
| color: var(--fail-color); | |
| } | |
| .leftnav__header { | |
| padding: 0 20px; | |
| height: 115px; | |
| font-size: 18px; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| background: url(data:image/png;base64,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) no-repeat 150% 100%; | |
| background-color: #2238b3; | |
| background-size: 205px; | |
| background-blend-mode: luminosity; | |
| } | |
| .leftnav__header__title { | |
| font-family: var(--text-font-family); | |
| font-weight: 300; | |
| color: #fff; | |
| margin: 0; | |
| padding: 0; | |
| line-height: 1.5; | |
| } | |
| .leftnav__header__version { | |
| color: #aab3ed; | |
| font-family: var(--text-font-family); | |
| font-size: 14px; | |
| line-height: 1.5; | |
| } | |
| @media screen and (max-width: 767px) { | |
| .lh-leftnav { | |
| display: none; | |
| } | |
| } | |
| @media print { | |
| .lh-leftnav { | |
| display: none; | |
| } | |
| } | |
| </style> | |
| <nav class="lh-leftnav"> | |
| <div class="leftnav__header"> | |
| <h1 class="leftnav__header__title">Lighthouse</h1> | |
| <div class="leftnav__header__version">Version: 2.1.0</div> | |
| </div> | |
| <template id="tmpl-lh-leftnav__items"> | |
| <a href="#" class="lh-leftnav__item"> | |
| <span class="leftnav-item__category"><!-- fill me --></span> | |
| <span class="leftnav-item__score"><!-- fill me --></span> | |
| </a> | |
| </template> | |
| <a href="#pwa" class="lh-leftnav__item"> | |
| <span class="leftnav-item__category">Progressive Web App</span> | |
| <span class="leftnav-item__score lh-score__value--pass">100</span> | |
| </a><a href="#performance" class="lh-leftnav__item"> | |
| <span class="leftnav-item__category">Performance</span> | |
| <span class="leftnav-item__score lh-score__value--pass">99</span> | |
| </a><a href="#accessibility" class="lh-leftnav__item"> | |
| <span class="leftnav-item__category">Accessibility</span> | |
| <span class="leftnav-item__score lh-score__value--pass">100</span> | |
| </a><a href="#best-practices" class="lh-leftnav__item"> | |
| <span class="leftnav-item__category">Best Practices</span> | |
| <span class="leftnav-item__score lh-score__value--pass">100</span> | |
| </a></nav> | |
| <div class="lh-report"><div class="lh-scores-header"> | |
| <style> | |
| .lh-gauge { | |
| --circle-size: 80px; | |
| --circle-size-half: calc(var(--circle-size) / 2); | |
| --circle-background: #eee; | |
| --circle-border-width: 8px; | |
| --inset-size: calc(var(--circle-size) - var(--circle-border-width)); | |
| --inset-color: #fff; | |
| --transition-length: 1s; | |
| width: var(--circle-size); | |
| height: var(--circle-size); | |
| background-color: var(--circle-background); | |
| border-radius: 50%; | |
| } | |
| .lh-gauge--pass { | |
| --circle-color: var(--pass-color); | |
| color: var(--circle-color); | |
| } | |
| .lh-gauge--average { | |
| --circle-color: var(--average-color); | |
| color: var(--circle-color); | |
| } | |
| .lh-gauge--fail { | |
| --circle-color: var(--fail-color); | |
| color: var(--circle-color); | |
| } | |
| .lh-gauge__mask, | |
| .lh-gauge__fill { | |
| width: var(--circle-size); | |
| height: var(--circle-size); | |
| position: absolute; | |
| transition: transform var(--transition-length); | |
| border-radius: 50%; | |
| } | |
| .lh-gauge__mask { | |
| clip: rect(0px, var(--circle-size), var(--circle-size), var(--circle-size-half)); | |
| } | |
| .lh-gauge__mask .lh-gauge__fill { | |
| clip: rect(0px, var(--circle-size-half), var(--circle-size), 0px); | |
| background-color: var(--circle-color); | |
| backface-visibility: hidden; | |
| } | |
| .lh-gauge__percentage { | |
| --spacer: calc((var(--circle-size) - var(--inset-size)) / 2); | |
| width: var(--inset-size); | |
| height: var(--inset-size); | |
| position: absolute; | |
| margin-left: var(--spacer); | |
| margin-top: var(--spacer); | |
| background-color: var(--inset-color); | |
| border-radius: inherit; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-size: calc(var(--circle-size) / 3); | |
| } | |
| .lh-gauge__wrapper { | |
| display: inline-flex; | |
| align-items: center; | |
| flex-direction: column; | |
| text-decoration: none; | |
| color: inherit; | |
| flex: 1; | |
| min-width: auto; | |
| position: relative; | |
| } | |
| .lh-gauge__label { | |
| font-size: 16px; | |
| margin-top: var(--default-padding); | |
| text-align: center; | |
| } | |
| @media screen and (max-width: 767px) { | |
| .lh-gauge__label { | |
| font-size: 12px; | |
| } | |
| } | |
| </style> | |
| <a href="#pwa" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge lh-gauge--pass" data-progress="100"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full" style="transform: rotate(180deg);"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix" style="transform: rotate(360deg);"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage">100</div> | |
| </div> | |
| <div class="lh-gauge__label">Progressive Web App</div> | |
| </a> | |
| <a href="#performance" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge lh-gauge--pass" data-progress="99"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full" style="transform: rotate(178deg);"> | |
| <div class="lh-gauge__fill" style="transform: rotate(178deg);"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill" style="transform: rotate(178deg);"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix" style="transform: rotate(356deg);"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage">99</div> | |
| </div> | |
| <div class="lh-gauge__label">Performance</div> | |
| </a> | |
| <a href="#accessibility" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge lh-gauge--pass" data-progress="100"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full" style="transform: rotate(180deg);"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix" style="transform: rotate(360deg);"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage">100</div> | |
| </div> | |
| <div class="lh-gauge__label">Accessibility</div> | |
| </a> | |
| <a href="#best-practices" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge lh-gauge--pass" data-progress="100"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full" style="transform: rotate(180deg);"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix" style="transform: rotate(360deg);"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage">100</div> | |
| </div> | |
| <div class="lh-gauge__label">Best Practices</div> | |
| </a> | |
| </div><div class="lh-categories"><div class="lh-category" id="pwa"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--numeric">100</div> | |
| <div class="lh-score__gauge"> | |
| <a href="#pwa" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge lh-gauge--pass" data-progress="100"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full" style="transform: rotate(180deg);"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix" style="transform: rotate(360deg);"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage">100</div> | |
| </div> | |
| <div class="lh-gauge__label">Progressive Web App</div> | |
| </a> | |
| </div> | |
| <div class="lh-score__header"> | |
| <div class="lh-score__snippet"> | |
| <span class="lh-score__title"><!-- fill me --><span>Progressive Web App</span></span> | |
| </div> | |
| <div class="lh-score__description"><!-- fill me --><span>These audits validate the aspects of a Progressive Web App, as specified by the baseline <a rel="noopener" target="_blank" href="https://developers.google.com/web/progressive-web-apps/checklist">PWA Checklist</a>.</span></div> | |
| </div> | |
| </div> | |
| <details class="lh-passed-audits"><summary class="lh-passed-audits-summary">View 11 passed items</summary><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Registers a Service Worker</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/registered-service-worker">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Responds with a 200 when offline</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>If you're building a Progressive Web App, consider using a service worker so that your app can work offline. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/http-200-when-offline">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Contains some content when JavaScript is not available</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Your app should display some content when JavaScript is disabled, even if it's just a warning to the user that JavaScript is required to use the app. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/no-js">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Uses HTTPS</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/https">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Redirects HTTP traffic to HTTPS</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/http-redirects-to-https">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Page load is fast enough on 3G</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Satisfied if First Interactive is less than 10 seconds, as defined by the <a rel="noopener" target="_blank" href="https://developers.google.com/web/progressive-web-apps/checklist">PWA Baseline Checklist</a>. Network throttling is required (specifically: RTT latencies >= 150 RTT are expected).</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>User can be prompted to Install the Web App</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>While users can manually add your site to their homescreen, the <a rel="noopener" target="_blank" href="https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/">prompt (aka app install banner)</a> will proactively prompt the user to install the app if the various requirements are met and the user has moderate engagement with your site.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Configured for a custom splash screen</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>A default splash screen will be constructed for your app, but satisfying these requirements guarantee a high-quality <a rel="noopener" target="_blank" href="https://developers.google.com/web/updates/2015/10/splashscreen">splash screen</a> that transitions the user from tapping the home screen icon to your app's first paint</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Address bar matches brand colors</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>The browser address bar can be themed to match your site. A `theme-color` <a rel="noopener" target="_blank" href="https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android">meta tag</a> will upgrade the address bar when a user browses the site, and the <a rel="noopener" target="_blank" href="https://developers.google.com/web/updates/2015/08/using-manifest-to-set-sitewide-theme-color">manifest theme-color</a> will apply the same theme site-wide once it's been added to homescreen.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Has a <code><meta name="viewport"></code> tag with <code>width</code> or <code>initial-scale</code></span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Add a viewport meta tag to optimize your app for mobile screens. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/has-viewport-meta-tag">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Content is sized correctly for the viewport</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/content-sized-correctly-for-viewport">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details lh-audit-group--manual"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Manual checks to verify</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>These audits are required by the baseline <a rel="noopener" target="_blank" href="https://developers.google.com/web/progressive-web-apps/checklist">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 class="lh-audit"> | |
| <div class="lh-score lh-score--informative lh-score--manual"> | |
| <div class="lh-score__value lh-score__value--fail lh-score__value--binary">0</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Site works cross-browser</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>To reach the most number of users, sites should work across every major browser. <a rel="noopener" target="_blank" href="https://developers.google.com/web/progressive-web-apps/checklist#site-works-cross-browser">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative lh-score--manual"> | |
| <div class="lh-score__value lh-score__value--fail lh-score__value--binary">0</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Page transitions don't feel like they block on the network</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Transitions should feel snappy as you tap around, even on a slow network, a key to perceived performance. <a rel="noopener" target="_blank" href="https://developers.google.com/web/progressive-web-apps/checklist#page-transitions-dont-feel-like-they-block-on-the-network">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative lh-score--manual"> | |
| <div class="lh-score__value lh-score__value--fail lh-score__value--binary">0</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Each page has a URL</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Ensure individual pages are deep linkable via the URLs and that URLs are unique for the purpose of shareability on social media. <a rel="noopener" target="_blank" href="https://developers.google.com/web/progressive-web-apps/checklist#each-page-has-a-url">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div></details></div><div class="lh-category" id="performance"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--numeric">99</div> | |
| <div class="lh-score__gauge"> | |
| <a href="#performance" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge lh-gauge--pass" data-progress="99"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full" style="transform: rotate(178deg);"> | |
| <div class="lh-gauge__fill" style="transform: rotate(178deg);"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill" style="transform: rotate(178deg);"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix" style="transform: rotate(356deg);"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage">99</div> | |
| </div> | |
| <div class="lh-gauge__label">Performance</div> | |
| </a> | |
| </div> | |
| <div class="lh-score__header"> | |
| <div class="lh-score__snippet"> | |
| <span class="lh-score__title"><!-- fill me --><span>Performance</span></span> | |
| </div> | |
| <div class="lh-score__description"><!-- fill me --><span>These encapsulate your app's performance.</span></div> | |
| </div> | |
| </div> | |
| <details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Metrics</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>These metrics encapsulate your app's performance across a number of dimensions.</span></div><div class="lh-timeline-container"><div class="lh-timeline"><div class="lh-filmstrip"><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">194 ms</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z" alt="Screenshot at 194 ms"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">389 ms</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z" alt="Screenshot at 389 ms"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">583 ms</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z" alt="Screenshot at 583 ms"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">778 ms</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z" alt="Screenshot at 778 ms"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">972 ms</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z" alt="Screenshot at 972 ms"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">1.2 s</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z" alt="Screenshot at 1.2 s"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">1.4 s</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z" alt="Screenshot at 1.4 s"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">1.6 s</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,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" alt="Screenshot at 1.6 s"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">1.8 s</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,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" alt="Screenshot at 1.8 s"></div><div class="lh-filmstrip__frame"><div class="lh-filmstrip__timestamp">1.9 s</div><img class="lh-filmstrip__thumbnail" src="data:image/jpeg;base64,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" alt="Screenshot at 1.9 s"></div></div><div class="lh-timeline-metric lh-timeline-metric--pass"><div class="lh-timeline-metric__sparkline"><div class="lh-sparkline lh-sparkline--thin"><div class="lh-sparkline__bar" style="width: 45.5786%;"></div></div></div><div class="lh-timeline-metric__title"><span class="lh-timeline-metric__name">First meaningful paint</span><span class="lh-timeline-metric__value">890 ms</span></div><div class="lh-timeline-metric__description"><span>First meaningful paint measures when the primary content of a page is visible. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint">Learn more</a>.</span></div></div><div class="lh-timeline-metric lh-timeline-metric--pass"><div class="lh-timeline-metric__sparkline"><div class="lh-sparkline lh-sparkline--thin"><div class="lh-sparkline__bar" style="width: 100%;"></div></div></div><div class="lh-timeline-metric__title"><span class="lh-timeline-metric__name">First Interactive (beta)</span><span class="lh-timeline-metric__value">1,940 ms</span></div><div class="lh-timeline-metric__description"><span>The first point at which necessary scripts of the page have loaded and the CPU is idle enough to handle most user input.</span></div></div><div class="lh-timeline-metric lh-timeline-metric--pass"><div class="lh-timeline-metric__sparkline"><div class="lh-sparkline lh-sparkline--thin"><div class="lh-sparkline__bar" style="width: 100%;"></div></div></div><div class="lh-timeline-metric__title"><span class="lh-timeline-metric__name">Consistently Interactive (beta)</span><span class="lh-timeline-metric__value">1,940 ms</span></div><div class="lh-timeline-metric__description"><span>The point at which most network resources have finished loading and the CPU is idle for a prolonged period.</span></div></div></div></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--numeric">97</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Perceptual Speed Index: 1402 (target: < 1,250)</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Speed Index shows how quickly the contents of a page are visibly populated. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/speed-index">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--numeric">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Estimated Input Latency: 16 ms (target: < 50 ms)</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>The score above is an estimate of how long your app takes to respond to user input, in milliseconds. There is a 90% probability that a user encounters this amount of latency, or less. 10% of the time a user can expect additional latency. If your score is higher than Lighthouse's target score, users may perceive your app as laggy. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/estimated-input-latency">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Diagnostics</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>More information about the performance of your application.</span></div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--fail lh-score__value--binary">0</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Critical Request Chains: 5</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>The Critical Request Chains below show you what resources are required for first render of this page. Improve page load by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/critical-request-chains">Learn more</a>.</span></div> | |
| <style> | |
| .lh-crc .tree-marker { | |
| width: 12px; | |
| height: 26px; | |
| display: block; | |
| float: left; | |
| background-position: top left; | |
| } | |
| .lh-crc .horiz-down { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><g fill="#D8D8D8" fill-rule="evenodd"><path d="M16 12v2H-2v-2z"/><path d="M9 12v14H7V12z"/></g></svg>'); | |
| } | |
| .lh-crc .right { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M16 12v2H0v-2z" fill="#D8D8D8" fill-rule="evenodd"/></svg>'); | |
| } | |
| .lh-crc .up-right { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v14H7zm2 12h7v2H9z" fill="#D8D8D8" fill-rule="evenodd"/></svg>'); | |
| } | |
| .lh-crc .vert-right { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v27H7zm2 12h7v2H9z" fill="#D8D8D8" fill-rule="evenodd"/></svg>'); | |
| } | |
| .lh-crc .vert { | |
| background: url('data:image/svg+xml;utf8,<svg width="16" height="26" viewBox="0 0 16 26" xmlns="http://www.w3.org/2000/svg"><path d="M7 0h2v26H7z" fill="#D8D8D8" fill-rule="evenodd"/></svg>'); | |
| } | |
| .lh-crc .crc-tree { | |
| font-size: 14px; | |
| width: 100%; | |
| overflow-x: auto; | |
| } | |
| .lh-crc .crc-node { | |
| height: 26px; | |
| line-height: 26px; | |
| white-space: nowrap; | |
| } | |
| .lh-crc .crc-node__tree-value { | |
| margin-left: 10px; | |
| } | |
| .lh-crc .crc-node__chain-duration { | |
| font-weight: 700; | |
| } | |
| .lh-crc .crc-node__tree-hostname { | |
| color: #595959; | |
| } | |
| .lh-crc .crc-initial-nav { | |
| color: #595959; | |
| font-style: italic; | |
| } | |
| </style> | |
| <div class="lh-score__description"> | |
| Longest chain: <b class="lh-crc__longest_duration">1,822.3ms</b> | |
| over <b class="lh-crc__longest_length">2</b> requests, totalling | |
| <b class="lh-crc__longest_transfersize">89.21KB</b> | |
| </div> | |
| <div class="lh-crc"> | |
| <details class="lh-details"> | |
| <summary>View critical network waterfall:</summary> | |
| <div class="crc-initial-nav">Initial Navigation</div> | |
| <!-- stamp for each chain --> | |
| <template id="tmpl-lh-crc__chains"> | |
| <div class="crc-node"> | |
| <span class="crc-node__tree-marker"> | |
| <!-- fill me --> | |
| </span> | |
| <span class="crc-node__tree-value"> | |
| <span class="crc-node__tree-file"><!-- fill me: node.request.url.file --></span> | |
| <span class="crc-node__tree-hostname">(<!-- fill me: node.request.url.host -->)</span> | |
| <!-- fill me --> | |
| </span> | |
| </div> | |
| </template> | |
| <div class="crc-node" title="https://hackernews-ecvrcpossc.now.sh/top"> | |
| <span class="crc-node__tree-marker"> | |
| <!-- fill me --> | |
| <span class="tree-marker up-right"></span><span class="tree-marker right"></span><span class="tree-marker horiz-down"></span></span> | |
| <span class="crc-node__tree-value"> | |
| <span class="crc-node__tree-file">/top</span> | |
| <span class="crc-node__tree-hostname">(hackernews-ecvrcpossc.now.sh)</span> | |
| <!-- fill me --> | |
| </span> | |
| </div> | |
| <div class="crc-node" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/manifest.01641f99b1b9c4bd8e27.js"> | |
| <span class="crc-node__tree-marker"> | |
| <!-- fill me --> | |
| <span class="tree-marker"></span><span class="tree-marker"></span><span class="tree-marker vert-right"></span><span class="tree-marker right"></span><span class="tree-marker right"></span></span> | |
| <span class="crc-node__tree-value"> | |
| <span class="crc-node__tree-file">/_nuxt/manifest.01641f9….js</span> | |
| <span class="crc-node__tree-hostname">(hackernews-ecvrcpossc.now.sh)</span> | |
| <!-- fill me --> | |
| <span class="crc-node__chain-duration"> - 580.6ms, </span><span class="crc-node__chain-duration">89.21KB</span></span> | |
| </div> | |
| <div class="crc-node" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js"> | |
| <span class="crc-node__tree-marker"> | |
| <!-- fill me --> | |
| <span class="tree-marker"></span><span class="tree-marker"></span><span class="tree-marker vert-right"></span><span class="tree-marker right"></span><span class="tree-marker right"></span></span> | |
| <span class="crc-node__tree-value"> | |
| <span class="crc-node__tree-file">/_nuxt/vendor.bundle.8446899….js</span> | |
| <span class="crc-node__tree-hostname">(hackernews-ecvrcpossc.now.sh)</span> | |
| <!-- fill me --> | |
| <span class="crc-node__chain-duration"> - 1,184ms, </span><span class="crc-node__chain-duration">89.21KB</span></span> | |
| </div> | |
| <div class="crc-node" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js"> | |
| <span class="crc-node__tree-marker"> | |
| <!-- fill me --> | |
| <span class="tree-marker"></span><span class="tree-marker"></span><span class="tree-marker vert-right"></span><span class="tree-marker right"></span><span class="tree-marker right"></span></span> | |
| <span class="crc-node__tree-value"> | |
| <span class="crc-node__tree-file">/_nuxt/nuxt.bundle.32a9bf0….js</span> | |
| <span class="crc-node__tree-hostname">(hackernews-ecvrcpossc.now.sh)</span> | |
| <!-- fill me --> | |
| <span class="crc-node__chain-duration"> - 730.1ms, </span><span class="crc-node__chain-duration">89.21KB</span></span> | |
| </div> | |
| <div class="crc-node" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js"> | |
| <span class="crc-node__tree-marker"> | |
| <!-- fill me --> | |
| <span class="tree-marker"></span><span class="tree-marker"></span><span class="tree-marker vert-right"></span><span class="tree-marker right"></span><span class="tree-marker right"></span></span> | |
| <span class="crc-node__tree-value"> | |
| <span class="crc-node__tree-file">/_nuxt/6.nuxt.bundle.bb1d4c5….js</span> | |
| <span class="crc-node__tree-hostname">(hackernews-ecvrcpossc.now.sh)</span> | |
| <!-- fill me --> | |
| <span class="crc-node__chain-duration"> - 634.9ms, </span><span class="crc-node__chain-duration">89.21KB</span></span> | |
| </div> | |
| <div class="crc-node" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js"> | |
| <span class="crc-node__tree-marker"> | |
| <!-- fill me --> | |
| <span class="tree-marker"></span><span class="tree-marker"></span><span class="tree-marker up-right"></span><span class="tree-marker right"></span><span class="tree-marker right"></span></span> | |
| <span class="crc-node__tree-value"> | |
| <span class="crc-node__tree-file">/_nuxt/0.nuxt.bundle.5f83ba5….js</span> | |
| <span class="crc-node__tree-hostname">(hackernews-ecvrcpossc.now.sh)</span> | |
| <!-- fill me --> | |
| <span class="crc-node__chain-duration"> - 642.4ms, </span><span class="crc-node__chain-duration">89.21KB</span></span> | |
| </div> | |
| </details> | |
| </div> | |
| </details> | |
| </div> | |
| </div></details><details class="lh-passed-audits"><summary class="lh-passed-audits-summary">View 10 passed items</summary><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Reduce render-blocking stylesheets</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Link elements are blocking the first paint of your page. Consider inlining critical links and deferring non-critical ones. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/blocking-resources">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Reduce render-blocking scripts</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Script elements are blocking the first paint of your page. Consider inlining critical scripts and deferring non-critical ones. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/blocking-resources">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Properly size images</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Serve images that are appropriately-sized to save cellular data and improve load time. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/oversized-images">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Offscreen images</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Consider lazy-loading offscreen images to improve page load speed and time to interactive. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/offscreen-images">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Optimize images</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Optimized images take less time to download and save cellular data. The identified images could have smaller file sizes when compressed as JPEG (q=85). <a rel="noopener" target="_blank" href="https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization">Learn more about image optimization</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Serve images as WebP</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span><a rel="noopener" target="_blank" href="https://developers.google.com/speed/webp/">WebP</a> images take less time to download and save cellular data. <a rel="noopener" target="_blank" href="https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization">Learn more about image optimization</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Enable text compression</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Text-based responses should be served with compression (gzip, deflate or brotli) to minimize total network bytes. <a rel="noopener" target="_blank" href="https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--numeric">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids enormous network payloads: Total size was 133 KB (target: < 1,600 KB)</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Network transfer size <a rel="noopener" target="_blank" href="https://whatdoesmysitecost.com/">costs users real money</a> and is <a rel="noopener" target="_blank" href="http://httparchive.org/interesting.php#onLoad">highly correlated</a> with long load times. Try to find ways to reduce the size of required files.</span></div> | |
| <details class="lh-details"><summary>View Details</summary><table class="lh-table"><thead><tr><th class="lh-table-column--url"><div class="lh-text">URL</div></th><th class="lh-table-column--text"><div class="lh-text">Total Size</div></th><th class="lh-table-column--text"><div class="lh-text">Transfer Time</div></th></tr></thead><tbody><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js">/_nuxt/vendor.bundle.8446899….js</div></td><td class="lh-table-column--text"><div class="lh-text">89 KB</div></td><td class="lh-table-column--text"><div class="lh-text">460ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/top">/top</div></td><td class="lh-table-column--text"><div class="lh-text">12 KB</div></td><td class="lh-table-column--text"><div class="lh-text">60ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js">/_nuxt/nuxt.bundle.32a9bf0….js</div></td><td class="lh-table-column--text"><div class="lh-text">10 KB</div></td><td class="lh-table-column--text"><div class="lh-text">50ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/5.nuxt.bundle.bf702aac99b93dac10b1.js">/_nuxt/5.nuxt.bundle.bf702aa….js</div></td><td class="lh-table-column--text"><div class="lh-text">3 KB</div></td><td class="lh-table-column--text"><div class="lh-text">20ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js">/_nuxt/0.nuxt.bundle.5f83ba5….js</div></td><td class="lh-table-column--text"><div class="lh-text">3 KB</div></td><td class="lh-table-column--text"><div class="lh-text">10ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/4.nuxt.bundle.dcb8917608707125cc4c.js">/_nuxt/4.nuxt.bundle.dcb8917….js</div></td><td class="lh-table-column--text"><div class="lh-text">3 KB</div></td><td class="lh-table-column--text"><div class="lh-text">10ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/3.nuxt.bundle.0dc41440799ee756a10e.js">/_nuxt/3.nuxt.bundle.0dc4144….js</div></td><td class="lh-table-column--text"><div class="lh-text">3 KB</div></td><td class="lh-table-column--text"><div class="lh-text">10ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/2.nuxt.bundle.f3d2867cefeaeca1d831.js">/_nuxt/2.nuxt.bundle.f3d2867….js</div></td><td class="lh-table-column--text"><div class="lh-text">3 KB</div></td><td class="lh-table-column--text"><div class="lh-text">10ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/1.nuxt.bundle.569def415e3bf185d1dd.js">/_nuxt/1.nuxt.bundle.569def4….js</div></td><td class="lh-table-column--text"><div class="lh-text">3 KB</div></td><td class="lh-table-column--text"><div class="lh-text">10ms</div></td></tr><tr><td class="lh-table-column--url"><div class="lh-text lh-text__url" title="https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js">/_nuxt/6.nuxt.bundle.bb1d4c5….js</div></td><td class="lh-table-column--text"><div class="lh-text">2 KB</div></td><td class="lh-table-column--text"><div class="lh-text">10ms</div></td></tr></tbody></table></details></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--numeric">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids an excessive DOM size: 303 nodes (target: < 1,500 nodes)</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth < 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer <a rel="noopener" target="_blank" href="https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations">style calculations</a>, and produce costly <a rel="noopener" target="_blank" href="https://developers.google.com/speed/articles/reflow">layout reflows</a>. <a rel="noopener" target="_blank" href="https://developers.google.com/web/fundamentals/performance/rendering/">Learn more</a>.</span></div> | |
| <details class="lh-details"><summary>View details</summary><div class="lh-scorecards"><div class="lh-scorecard"><div class="lh-scorecard__title">Total DOM Nodes</div><div class="lh-scorecard__value">303</div><div class="lh-scorecard__target">target: < 1,500 nodes</div></div><div class="lh-scorecard" title="html > | |
| body > | |
| div#__nuxt > | |
| div#app > | |
| div.news-view.view > | |
| div.news-list > | |
| ul > | |
| li.news-item > | |
| span.meta > | |
| span.by > | |
| a"><div class="lh-scorecard__title">DOM Depth</div><div class="lh-scorecard__value">11</div><div class="lh-scorecard__target">target: < 32</div></div><div class="lh-scorecard" title="Element with most children: | |
| head"><div class="lh-scorecard__title">Maximum Children</div><div class="lh-scorecard__value">31</div><div class="lh-scorecard__target">target: < 60 nodes</div></div></div></details></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score lh-score--informative"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>User Timing marks and measures: 0</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Consider instrumenting your app with the User Timing API to create custom, real-world measurements of key user experiences. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/user-timing">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details></div><div class="lh-category" id="accessibility"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--numeric">100</div> | |
| <div class="lh-score__gauge"> | |
| <a href="#accessibility" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge lh-gauge--pass" data-progress="100"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full" style="transform: rotate(180deg);"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix" style="transform: rotate(360deg);"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage">100</div> | |
| </div> | |
| <div class="lh-gauge__label">Accessibility</div> | |
| </a> | |
| </div> | |
| <div class="lh-score__header"> | |
| <div class="lh-score__snippet"> | |
| <span class="lh-score__title"><!-- fill me --><span>Accessibility</span></span> | |
| </div> | |
| <div class="lh-score__description"><!-- fill me --><span>These checks highlight opportunities to <a rel="noopener" target="_blank" href="https://developers.google.com/web/fundamentals/accessibility">improve the accessibility of your app</a>.</span></div> | |
| </div> | |
| </div> | |
| <details class="lh-passed-audits"><summary class="lh-passed-audits-summary">View 8 passed items</summary><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Elements Use Attributes Correctly</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content.</span></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[accesskey]</code> values are unique.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/accesskeys">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><audio></code> elements contain a <code><track></code> element with <code>[kind="captions"]</code>.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Captions make audio elements usable for deaf or hearing-impaired users, providing critical information such as who is talking, what they're saying, and other non-speech information. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/audio-caption">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Image elements have <code>[alt]</code> attributes.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute.<a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/alt-attribute">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><input type="image"></code> elements have <code>[alt]</code> text.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/input-image-alt">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>No element has a <code>[tabindex]</code> value greater than 0.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/tabindex">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Cells in a <code><table></code> element that use the <code>[headers]</code> attribute only refer to other cells of that same table.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Screen readers have features to make navigating tables easier. Ensuring `<td>` cells using the `<a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/worldspace/2.1/td-headers-attr">headers]` attribute only refer to other cells in the same table may improve the experience for screen reader users. [Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><th></code> elements and elements with <code>[role="columnheader"/"rowheader"]</code> have data cells they describe.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/worldspace/2.1/th-has-data-cells">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">ARIA Attributes Follow Best Practices</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content.</span></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[aria-*]</code> attributes match their roles.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/aria-allowed-attributes">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[role]</code>s have all required <code>[aria-*]</code> attributes.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Some ARIA roles have required attributes that describe the state of the element to screen readers. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/required-aria-attributes">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[role]</code>s that require child <code>[role]</code>s contain them.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/aria-required-children">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[role]</code>s are contained by their required parent element.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/worldspace/2.1/aria-required-parent">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[role]</code> values are valid.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>ARIA roles must have valid values in order to perform their intended accessibility functions. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/aria-roles">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[aria-*]</code> attributes have valid values.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/valid-aria-values">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[aria-*]</code> attributes are valid and not misspelled.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/valid-aria-attributes">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Elements Have Discernable Names</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content.</span></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Buttons have an accessible name.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/button-name">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Links have a discernable name.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/link-name">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Elements Describe Contents Well</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content.</span></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>The page contains a heading, skip link, or landmark region.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/bypass">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Document has a <code><title></code> element.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Screen reader users use page titles to get an overview of the contents of the page. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/document-title">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><frame></code> or <code><iframe></code> elements have a title.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Screen reader users rely on frame titles to describe the contents of frames. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/frame-title">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Form elements have associated labels.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Labels ensure that form controls are announced properly by assistive technologies, like screen readers. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/form-labels">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Presentational <code><table></code> elements avoid using <code><th></code>, <code><caption></code> or the <code>[summary]</code> attribute.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>A table being used for layout purposes should not include data elements, such as the th or caption elements or the summary attribute, because this can create a confusing experience for screen reader users. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/layout-table">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><object></code> elements have <code>[alt]</code> text.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Screen readers cannot translate non-text content. Adding alt text to `<object>` elements helps screen readers convey meaning to users. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/object-alt">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><video></code> elements contain a <code><track></code> element with <code>[kind="captions"]</code>.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>When a video provides a caption it is easier for deaf and hearing impaired users to access its information. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/video-caption">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><video></code> elements contain a <code><track></code> element with <code>[kind="description"]</code>.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Audio descriptions provide relevant information for videos that dialogue cannot, such as facial expressions and scenes. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/video-description">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Color Contrast Is Satisfactory</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content.</span></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Background and foreground colors have a sufficient contrast ratio.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Low-contrast text is difficult or impossible for many users to read. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/contrast-ratio">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Elements Are Well Structured</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content.</span></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><dl></code>'s contain only properly-ordered <code><dt></code> and <code><dd></code> groups, <code><script></code> or <template> elements.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/definition-list">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Definition list items are wrapped in <code><dl></code> elements.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Definition list items (`<dt>` and `<dd>`) must be wrapped in a parent `<dl>` element to ensure that screen readers can properly announce them. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/dlitem">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[id]</code> attributes on the page are unique.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/duplicate-id">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Lists contain only <code><li></code> elements and script supporting elements (<code><script></code> and <code><template></code>).</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/list">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>List items (<code><li></code>) are contained within <code><ul></code> or <code><ol></code> parent elements.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Screen readers require list items (`<li>`) to be contained within a parent `<ul>` or `<ol>` to be announced properly. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/listitem">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Page Specifies Valid Language</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content.</span></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><html></code> element has a <code>[lang]</code> attribute.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/html-lang">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code><html></code> element has a valid value for its <code>[lang]</code> attribute.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Specifying a valid <a rel="noopener" target="_blank" href="https://www.w3.org/International/questions/qa-choosing-language-tags#question">BCP 47 language</a> helps screen readers announce text properly. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/valid-lang">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span><code>[lang]</code> attributes have a valid value.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Specifying a valid <a rel="noopener" target="_blank" href="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. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/valid-lang">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details><details class="lh-audit-group lh-expandable-details"><summary class="lh-audit-group__summary lh-expandable-details__summary"><div class="lh-audit-group__header lh-expandable-details__header">Meta Tags Used Properly</div><div class="lh-toggle-arrow" title="See audits"></div></summary><div class="lh-audit-group__description"><span>Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content.</span></div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>The document does not use <code><meta http-equiv="refresh"></code>.</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><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. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/meta-refresh">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><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> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. <a rel="noopener" target="_blank" href="https://dequeuniversity.com/rules/axe/1.1/meta-viewport">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details></details></div><div class="lh-category" id="best-practices"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--numeric">100</div> | |
| <div class="lh-score__gauge"> | |
| <a href="#best-practices" class="lh-gauge__wrapper"> | |
| <div class="lh-gauge lh-gauge--pass" data-progress="100"> | |
| <div class="lh-gauge__circle"> | |
| <div class="lh-gauge__mask lh-gauge__mask--full" style="transform: rotate(180deg);"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| </div> | |
| <div class="lh-gauge__mask lh-gauge__mask--half"> | |
| <div class="lh-gauge__fill" style="transform: rotate(180deg);"></div> | |
| <div class="lh-gauge__fill lh-gauge__fill--fix" style="transform: rotate(360deg);"></div> | |
| </div> | |
| </div> | |
| <div class="lh-gauge__percentage">100</div> | |
| </div> | |
| <div class="lh-gauge__label">Best Practices</div> | |
| </a> | |
| </div> | |
| <div class="lh-score__header"> | |
| <div class="lh-score__snippet"> | |
| <span class="lh-score__title"><!-- fill me --><span>Best Practices</span></span> | |
| </div> | |
| <div class="lh-score__description"><!-- fill me --><span>We've compiled some recommendations for modernizing your web app and avoiding performance pitfalls. These audits do not affect your score but are worth a look.</span></div> | |
| </div> | |
| </div> | |
| <details class="lh-passed-audits"><summary class="lh-passed-audits-summary">View 13 passed items</summary><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids Application Cache</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Application Cache has been <a rel="noopener" target="_blank" href="https://html.spec.whatwg.org/multipage/browsers.html#offline">deprecated</a> by <a rel="noopener" target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service Workers</a>. Consider implementing an offline solution using the <a rel="noopener" target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/API/Cache">Cache Storage API</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids WebSQL DB</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Web SQL is deprecated. Consider using IndexedDB instead. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/web-sql">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Uses HTTPS</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/https">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Uses HTTP/2 for its own resources</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>HTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/http2">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Uses passive listeners to improve scrolling performance</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Consider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids Mutation Events in its own scripts</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Mutation Events are deprecated and harm performance. Consider using Mutation Observers instead. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/mutation-events">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids <code>document.write()</code></span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/document-write">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Opens external anchors using <code>rel="noopener"</code></span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Open new tabs using `rel="noopener"` to improve performance and prevent security vulnerabilities. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/noopener">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids requesting the geolocation permission on page load</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/geolocation-on-load">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids requesting the notification permission on page load</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/notifications-on-load">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Avoids deprecated APIs</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Deprecated APIs will eventually be removed from the browser. <a rel="noopener" target="_blank" href="https://www.chromestatus.com/features#deprecated">Learn more</a>.</span></div> | |
| <span></span></details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Manifest's <code>short_name</code> won't be truncated when displayed on homescreen</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span>Make your app's `short_name` less than 12 characters to ensure that it's not truncated on homescreens. <a rel="noopener" target="_blank" href="https://developers.google.com/web/tools/lighthouse/audits/manifest-short_name-is-not-truncated">Learn more</a>.</span></div> | |
| </details> | |
| </div> | |
| </div><div class="lh-audit"> | |
| <div class="lh-score"> | |
| <div class="lh-score__value lh-score__value--pass lh-score__value--binary">100</div> | |
| <details class="lh-score__header lh-expandable-details"> | |
| <summary class="lh-score__snippet lh-expandable-details__summary"> | |
| <span class="lh-score__title"><!-- fill me --><span>Allows to paste into password input fields</span></span> | |
| <div class="lh-toggle-arrow" title="See audits"></div> | |
| </summary> | |
| <div class="lh-score__description"><!-- fill me --><span></span></div> | |
| <span></span></details> | |
| </div> | |
| </div></details></div></div> | |
| <style> | |
| .lh-footer { | |
| min-height: 90px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| background-color: var(--report-header-bg-color); | |
| border-top: 1px solid var(--report-secondary-border-color); | |
| } | |
| .lh-footer span { | |
| text-align: center; | |
| } | |
| </style> | |
| <footer class="lh-footer"> | |
| <span> | |
| Generated by <b>Lighthouse</b> <span class="lh-footer__version">2.1.0</span> on | |
| <span class="lh-footer__timestamp">Jun 7, 2017, 2:53 PM GMT+2</span> | | |
| <a href="https://github.com/GoogleChrome/Lighthouse/issues" target="_blank" rel="noopener">File an issue</a> | |
| </span> | |
| </footer> | |
| </div></div></main> | |
| <div id="lh-log"></div> | |
| <script>/** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /* globals self URL */ | |
| const ELLIPSIS = '\u2026'; | |
| const NBSP = '\xa0'; | |
| const RATINGS = { | |
| PASS: {label: 'pass', minScore: 75}, | |
| AVERAGE: {label: 'average', minScore: 45}, | |
| FAIL: {label: 'fail'} | |
| }; | |
| class Util { | |
| /** | |
| * Convert a score to a rating label. | |
| * @param {number} score | |
| * @return {string} | |
| */ | |
| static calculateRating(score) { | |
| let rating = RATINGS.FAIL.label; | |
| if (score >= RATINGS.PASS.minScore) { | |
| rating = RATINGS.PASS.label; | |
| } else if (score >= RATINGS.AVERAGE.minScore) { | |
| rating = RATINGS.AVERAGE.label; | |
| } | |
| return rating; | |
| } | |
| /** | |
| * Format number. | |
| * @param {number} number | |
| * @return {string} | |
| */ | |
| static formatNumber(number) { | |
| return number.toLocaleString(undefined, {maximumFractionDigits: 1}); | |
| } | |
| /** | |
| * @param {number} size | |
| * @param {number=} decimalPlaces Number of decimal places to include. Defaults to 2. | |
| * @return {string} | |
| */ | |
| static formateBytesToKB(size, decimalPlaces = 2) { | |
| return (size / 1024).toLocaleString(undefined, {maximumFractionDigits: decimalPlaces}); | |
| } | |
| /** | |
| * @param {number} ms | |
| * @param {number=} granularity Controls how coarse the displayed value is, defaults to 10 | |
| * @return {string} | |
| */ | |
| static formatMilliseconds(ms, granularity = 10) { | |
| const coarseTime = Math.round(ms / granularity) * granularity; | |
| return `${coarseTime.toLocaleString()}${NBSP}ms`; | |
| } | |
| /** | |
| * Format time. | |
| * @param {string} date | |
| * @return {string} | |
| */ | |
| static formatDateTime(date) { | |
| const options = { | |
| month: 'short', day: 'numeric', year: 'numeric', | |
| hour: 'numeric', minute: 'numeric', timeZoneName: 'short' | |
| }; | |
| let formatter = new Intl.DateTimeFormat('en-US', options); | |
| // Force UTC if runtime timezone could not be detected. | |
| // See https://github.com/GoogleChrome/lighthouse/issues/1056 | |
| const tz = formatter.resolvedOptions().timeZone; | |
| if (!tz || tz.toLowerCase() === 'etc/unknown') { | |
| options.timeZone = 'UTC'; | |
| formatter = new Intl.DateTimeFormat('en-US', options); | |
| } | |
| return formatter.format(new Date(date)); | |
| } | |
| /** | |
| * @param {!URL} parsedUrl | |
| * @param {{numPathParts: (number|undefined), preserveQuery: (boolean|undefined), preserveHost: (boolean|undefined)}=} options | |
| * @return {string} | |
| */ | |
| static getURLDisplayName(parsedUrl, options = {}) { | |
| const numPathParts = options.numPathParts !== undefined ? options.numPathParts : 2; | |
| const preserveQuery = options.preserveQuery !== undefined ? options.preserveQuery : true; | |
| const preserveHost = options.preserveHost || false; | |
| let name; | |
| if (parsedUrl.protocol === 'about:' || parsedUrl.protocol === 'data:') { | |
| // Handle 'about:*' and 'data:*' URLs specially since they have no path. | |
| name = parsedUrl.href; | |
| } else { | |
| name = parsedUrl.pathname; | |
| const parts = name.split('/').filter(part => part.length); | |
| if (numPathParts && parts.length > numPathParts) { | |
| name = ELLIPSIS + parts.slice(-1 * numPathParts).join('/'); | |
| } | |
| if (preserveHost) { | |
| name = `${parsedUrl.host}/${name.replace(/^\//, '')}`; | |
| } | |
| if (preserveQuery) { | |
| name = `${name}${parsedUrl.search}`; | |
| } | |
| } | |
| const MAX_LENGTH = 64; | |
| // Always elide hash | |
| name = name.replace(/([a-f0-9]{7})[a-f0-9]{13}[a-f0-9]*/g, `$1${ELLIPSIS}`); | |
| // Elide query params first | |
| if (name.length > MAX_LENGTH && name.includes('?')) { | |
| // Try to leave the first query parameter intact | |
| name = name.replace(/\?([^=]*)(=)?.*/, `?$1$2${ELLIPSIS}`); | |
| // Remove it all if it's still too long | |
| if (name.length > MAX_LENGTH) { | |
| name = name.replace(/\?.*/, `?${ELLIPSIS}`); | |
| } | |
| } | |
| // Elide too long names next | |
| if (name.length > MAX_LENGTH) { | |
| const dotIndex = name.lastIndexOf('.'); | |
| if (dotIndex >= 0) { | |
| name = name.slice(0, MAX_LENGTH - 1 - (name.length - dotIndex)) + | |
| // Show file extension | |
| `${ELLIPSIS}${name.slice(dotIndex)}`; | |
| } else { | |
| name = name.slice(0, MAX_LENGTH - 1) + ELLIPSIS; | |
| } | |
| } | |
| return name; | |
| } | |
| /** | |
| * Split a URL into a file and hostname for easy display. | |
| * @param {string} url | |
| * @return {{file: string, hostname: string}} | |
| */ | |
| static parseURL(url) { | |
| const parsedUrl = new URL(url); | |
| return {file: Util.getURLDisplayName(parsedUrl), hostname: parsedUrl.hostname}; | |
| } | |
| /** | |
| * @param {number} startTime | |
| * @param {number} endTime | |
| * @return {string} | |
| */ | |
| static chainDuration(startTime, endTime) { | |
| return Util.formatNumber((endTime - startTime) * 1000); | |
| } | |
| } | |
| if (typeof module !== 'undefined' && module.exports) { | |
| module.exports = Util; | |
| } else { | |
| self.Util = Util; | |
| } | |
| ; | |
| /** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /* globals URL self */ | |
| class DOM { | |
| /** | |
| * @param {!Document} document | |
| */ | |
| constructor(document) { | |
| /** @private {!Document} */ | |
| this._document = document; | |
| } | |
| /** | |
| * @param {string} name | |
| * @param {string=} className | |
| * @param {!Object<string, (string|undefined)>=} attrs Attribute key/val pairs. | |
| * Note: if an attribute key has an undefined value, this method does not | |
| * set the attribute on the node. | |
| * @return {!Element} | |
| */ | |
| createElement(name, className, attrs = {}) { | |
| const element = this._document.createElement(name); | |
| if (className) { | |
| element.className = className; | |
| } | |
| Object.keys(attrs).forEach(key => { | |
| const value = attrs[key]; | |
| if (typeof value !== 'undefined') { | |
| element.setAttribute(key, value); | |
| } | |
| }); | |
| return element; | |
| } | |
| /** | |
| * @param {!Element} parentElem | |
| * @param {string} elementName | |
| * @param {string=} className | |
| * @param {!Object<string, (string|undefined)>=} attrs Attribute key/val pairs. | |
| * Note: if an attribute key has an undefined value, this method does not | |
| * set the attribute on the node. | |
| * @return {!Element} | |
| */ | |
| createChildOf(parentElem, elementName, className, attrs) { | |
| const element = this.createElement(elementName, className, attrs); | |
| parentElem.appendChild(element); | |
| return element; | |
| } | |
| /** | |
| * @param {string} selector | |
| * @param {!Node} context | |
| * @return {!DocumentFragment} A clone of the template content. | |
| * @throws {Error} | |
| */ | |
| cloneTemplate(selector, context) { | |
| const template = /** @type {?HTMLTemplateElement} */ (context.querySelector(selector)); | |
| if (!template) { | |
| throw new Error(`Template not found: template${selector}`); | |
| } | |
| const clone = /** @type {!DocumentFragment} */ ( | |
| this._document.importNode(template.content, true)); | |
| // Prevent duplicate styles in the DOM. After a template has been stamped | |
| // for the first time, remove the clone's styles so they're not re-added. | |
| if (template.hasAttribute('data-stamped')) { | |
| this.findAll('style', clone).forEach(style => style.remove()); | |
| } | |
| template.setAttribute('data-stamped', true); | |
| return clone; | |
| } | |
| /** | |
| * Resets the "stamped" state of the templates. | |
| */ | |
| resetTemplates() { | |
| this.findAll('template[data-stamped]', this._document).forEach(t => { | |
| t.removeAttribute('data-stamped'); | |
| }); | |
| } | |
| /** | |
| * @param {string} text | |
| * @return {!Element} | |
| */ | |
| convertMarkdownLinkSnippets(text) { | |
| const element = this.createElement('span'); | |
| // Split on markdown links (e.g. [some link](https://...)). | |
| const parts = text.split(/\[(.*?)\]\((https?:\/\/.*?)\)/g); | |
| while (parts.length) { | |
| // Pop off the same number of elements as there are capture groups. | |
| const [preambleText, linkText, linkHref] = parts.splice(0, 3); | |
| element.appendChild(this._document.createTextNode(preambleText)); | |
| // Append link if there are any. | |
| if (linkText && linkHref) { | |
| const a = /** @type {!HTMLAnchorElement} */ (this.createElement('a')); | |
| a.rel = 'noopener'; | |
| a.target = '_blank'; | |
| a.textContent = linkText; | |
| a.href = (new URL(linkHref)).href; | |
| element.appendChild(a); | |
| } | |
| } | |
| return element; | |
| } | |
| /** | |
| * @param {string} text | |
| * @return {!Element} | |
| */ | |
| convertMarkdownCodeSnippets(text) { | |
| const element = this.createElement('span'); | |
| const parts = text.split(/`(.*?)`/g); // Split on markdown code slashes | |
| while (parts.length) { | |
| // Pop off the same number of elements as there are capture groups. | |
| const [preambleText, codeText] = parts.splice(0, 2); | |
| element.appendChild(this._document.createTextNode(preambleText)); | |
| if (codeText) { | |
| const pre = /** @type {!HTMLPreElement} */ (this.createElement('code')); | |
| pre.textContent = codeText; | |
| element.appendChild(pre); | |
| } | |
| } | |
| return element; | |
| } | |
| /** | |
| * @return {!Document} | |
| */ | |
| document() { | |
| return this._document; | |
| } | |
| /** | |
| * Guaranteed context.querySelector. Always returns an element or throws if | |
| * nothing matches query. | |
| * @param {string} query | |
| * @param {!Node} context | |
| * @return {!Element} | |
| */ | |
| find(query, context) { | |
| const result = context.querySelector(query); | |
| if (result === null) { | |
| throw new Error(`query ${query} not found`); | |
| } | |
| return result; | |
| } | |
| /** | |
| * Helper for context.querySelectorAll. Returns an Array instead of a NodeList. | |
| * @param {string} query | |
| * @param {!Node} context | |
| * @return {!Array<!Element>} | |
| */ | |
| findAll(query, context) { | |
| return Array.from(context.querySelectorAll(query)); | |
| } | |
| } | |
| if (typeof module !== 'undefined' && module.exports) { | |
| module.exports = DOM; | |
| } else { | |
| self.DOM = DOM; | |
| } | |
| ; | |
| /** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /* globals self CriticalRequestChainRenderer Util */ | |
| class DetailsRenderer { | |
| /** | |
| * @param {!DOM} dom | |
| */ | |
| constructor(dom) { | |
| /** @private {!DOM} */ | |
| this._dom = dom; | |
| /** @private {!Document|!Element} */ | |
| this._templateContext; // eslint-disable-line no-unused-expressions | |
| } | |
| /** | |
| * @param {!Document|!Element} context | |
| */ | |
| setTemplateContext(context) { | |
| this._templateContext = context; | |
| } | |
| /** | |
| * @param {!DetailsRenderer.DetailsJSON} details | |
| * @return {!Node} | |
| */ | |
| render(details) { | |
| switch (details.type) { | |
| case 'text': | |
| return this._renderText(details); | |
| case 'url': | |
| return this._renderURL(details); | |
| case 'thumbnail': | |
| return this._renderThumbnail(/** @type {!DetailsRenderer.ThumbnailDetails} */ (details)); | |
| case 'filmstrip': | |
| return this._renderFilmstrip(/** @type {!DetailsRenderer.FilmstripDetails} */ (details)); | |
| case 'cards': | |
| return this._renderCards(/** @type {!DetailsRenderer.CardsDetailsJSON} */ (details)); | |
| case 'table': | |
| return this._renderTable(/** @type {!DetailsRenderer.TableDetailsJSON} */ (details)); | |
| case 'code': | |
| return this._renderCode(details); | |
| case 'node': | |
| return this.renderNode(/** @type {!DetailsRenderer.NodeDetailsJSON} */(details)); | |
| case 'criticalrequestchain': | |
| return CriticalRequestChainRenderer.render(this._dom, this._templateContext, | |
| /** @type {!CriticalRequestChainRenderer.CRCDetailsJSON} */ (details)); | |
| case 'list': | |
| return this._renderList(/** @type {!DetailsRenderer.ListDetailsJSON} */ (details)); | |
| default: | |
| throw new Error(`Unknown type: ${details.type}`); | |
| } | |
| } | |
| /** | |
| * @param {!DetailsRenderer.DetailsJSON} text | |
| * @return {!Element} | |
| */ | |
| _renderURL(text) { | |
| const url = text.text || ''; | |
| let displayedURL; | |
| let title; | |
| try { | |
| displayedURL = Util.parseURL(url).file; | |
| title = url; | |
| } catch (/** @type {!Error} */ e) { | |
| if (!(e instanceof TypeError)) { | |
| throw e; | |
| } | |
| displayedURL = url; | |
| } | |
| const element = this._renderText({ | |
| type: 'url', | |
| text: displayedURL | |
| }); | |
| element.classList.add('lh-text__url'); | |
| if (title) { | |
| element.title = url; | |
| } | |
| return element; | |
| } | |
| /** | |
| * @param {!DetailsRenderer.DetailsJSON} text | |
| * @return {!Element} | |
| */ | |
| _renderText(text) { | |
| const element = this._dom.createElement('div', 'lh-text'); | |
| element.textContent = text.text; | |
| return element; | |
| } | |
| /** | |
| * Create small thumbnail with scaled down image asset. | |
| * If the supplied details doesn't have an image/* mimeType, then an empty span is returned. | |
| * @param {!DetailsRenderer.ThumbnailDetails} value | |
| * @return {!Element} | |
| */ | |
| _renderThumbnail(value) { | |
| if (/^image/.test(value.mimeType) === false) { | |
| return this._dom.createElement('span'); | |
| } | |
| const element = this._dom.createElement('img', 'lh-thumbnail'); | |
| element.src = value.url; | |
| element.alt = ''; | |
| element.title = value.url; | |
| return element; | |
| } | |
| /** | |
| * @param {!DetailsRenderer.ListDetailsJSON} list | |
| * @return {!Element} | |
| */ | |
| _renderList(list) { | |
| if (!list.items.length) return this._dom.createElement('span'); | |
| const element = this._dom.createElement('details', 'lh-details'); | |
| if (list.header) { | |
| const summary = this._dom.createElement('summary', 'lh-list__header'); | |
| summary.textContent = list.header.text; | |
| element.appendChild(summary); | |
| } | |
| const itemsElem = this._dom.createChildOf(element, 'div', 'lh-list__items'); | |
| for (const item of list.items) { | |
| const itemElem = this._dom.createChildOf(itemsElem, 'span', 'lh-list__item'); | |
| itemElem.appendChild(this.render(item)); | |
| } | |
| return element; | |
| } | |
| /** | |
| * @param {!DetailsRenderer.TableDetailsJSON} details | |
| * @return {!Element} | |
| */ | |
| _renderTable(details) { | |
| if (!details.items.length) return this._dom.createElement('span'); | |
| const element = this._dom.createElement('details', 'lh-details'); | |
| if (details.header) { | |
| element.appendChild(this._dom.createElement('summary')).textContent = details.header; | |
| } | |
| const tableElem = this._dom.createChildOf(element, 'table', 'lh-table'); | |
| const theadElem = this._dom.createChildOf(tableElem, 'thead'); | |
| const theadTrElem = this._dom.createChildOf(theadElem, 'tr'); | |
| for (const heading of details.itemHeaders) { | |
| const itemType = heading.itemType || 'text'; | |
| const classes = `lh-table-column--${itemType}`; | |
| this._dom.createChildOf(theadTrElem, 'th', classes).appendChild(this.render(heading)); | |
| } | |
| const tbodyElem = this._dom.createChildOf(tableElem, 'tbody'); | |
| for (const row of details.items) { | |
| const rowElem = this._dom.createChildOf(tbodyElem, 'tr'); | |
| for (const columnItem of row) { | |
| const classes = `lh-table-column--${columnItem.type}`; | |
| this._dom.createChildOf(rowElem, 'td', classes).appendChild(this.render(columnItem)); | |
| } | |
| } | |
| return element; | |
| } | |
| /** | |
| * @param {!DetailsRenderer.NodeDetailsJSON} item | |
| * @return {!Element} | |
| * @protected | |
| */ | |
| renderNode(item) { | |
| const element = this._dom.createElement('span', 'lh-node'); | |
| element.textContent = item.snippet; | |
| element.title = item.selector; | |
| if (item.text) element.setAttribute('data-text', item.text); | |
| if (item.path) element.setAttribute('data-path', item.path); | |
| if (item.selector) element.setAttribute('data-selector', item.selector); | |
| if (item.snippet) element.setAttribute('data-snippet', item.snippet); | |
| return element; | |
| } | |
| /** | |
| * @param {!DetailsRenderer.CardsDetailsJSON} details | |
| * @return {!Element} | |
| */ | |
| _renderCards(details) { | |
| const element = this._dom.createElement('details', 'lh-details'); | |
| if (details.header) { | |
| element.appendChild(this._dom.createElement('summary')).textContent = details.header.text; | |
| } | |
| const cardsParent = this._dom.createElement('div', 'lh-scorecards'); | |
| for (const item of details.items) { | |
| const card = cardsParent.appendChild( | |
| this._dom.createElement('div', 'lh-scorecard', {title: item.snippet})); | |
| const titleEl = this._dom.createElement('div', 'lh-scorecard__title'); | |
| const valueEl = this._dom.createElement('div', 'lh-scorecard__value'); | |
| const targetEl = this._dom.createElement('div', 'lh-scorecard__target'); | |
| card.appendChild(titleEl).textContent = item.title; | |
| card.appendChild(valueEl).textContent = item.value; | |
| if (item.target) { | |
| card.appendChild(targetEl).textContent = `target: ${item.target}`; | |
| } | |
| } | |
| element.appendChild(cardsParent); | |
| return element; | |
| } | |
| /** | |
| * @param {!DetailsRenderer.FilmstripDetails} details | |
| * @return {!Element} | |
| */ | |
| _renderFilmstrip(details) { | |
| const filmstripEl = this._dom.createElement('div', 'lh-filmstrip'); | |
| for (const thumbnail of details.items) { | |
| const frameEl = this._dom.createChildOf(filmstripEl, 'div', 'lh-filmstrip__frame'); | |
| let timing = thumbnail.timing.toLocaleString() + ' ms'; | |
| if (thumbnail.timing > 1000) { | |
| timing = Util.formatNumber(thumbnail.timing / 1000) + ' s'; | |
| } | |
| const timingEl = this._dom.createChildOf(frameEl, 'div', 'lh-filmstrip__timestamp'); | |
| timingEl.textContent = timing; | |
| const base64data = thumbnail.data; | |
| this._dom.createChildOf(frameEl, 'img', 'lh-filmstrip__thumbnail', { | |
| src: `data:image/jpeg;base64,${base64data}`, | |
| alt: `Screenshot at ${timing}`, | |
| }); | |
| } | |
| return filmstripEl; | |
| } | |
| /** | |
| * @param {!DetailsRenderer.DetailsJSON} details | |
| * @return {!Element} | |
| */ | |
| _renderCode(details) { | |
| const pre = this._dom.createElement('pre', 'lh-code'); | |
| pre.textContent = details.text; | |
| return pre; | |
| } | |
| } | |
| if (typeof module !== 'undefined' && module.exports) { | |
| module.exports = DetailsRenderer; | |
| } else { | |
| self.DetailsRenderer = DetailsRenderer; | |
| } | |
| /** | |
| * @typedef {{ | |
| * type: string, | |
| * text: (string|undefined) | |
| * }} | |
| */ | |
| DetailsRenderer.DetailsJSON; // eslint-disable-line no-unused-expressions | |
| /** | |
| * @typedef {{ | |
| * type: string, | |
| * header: ({text: string}|undefined), | |
| * items: !Array<{type: string, text: (string|undefined)}> | |
| * }} | |
| */ | |
| DetailsRenderer.ListDetailsJSON; // eslint-disable-line no-unused-expressions | |
| /** | |
| * @typedef {{ | |
| * type: string, | |
| * text: (string|undefined), | |
| * path: (string|undefined), | |
| * selector: (string|undefined), | |
| * snippet:(string|undefined) | |
| * }} | |
| */ | |
| DetailsRenderer.NodeDetailsJSON; // eslint-disable-line no-unused-expressions | |
| /** @typedef {{ | |
| * type: string, | |
| * header: ({text: string}|undefined), | |
| * items: !Array<{title: string, value: string, snippet: (string|undefined), target: string}> | |
| * }} | |
| */ | |
| DetailsRenderer.CardsDetailsJSON; // eslint-disable-line no-unused-expressions | |
| /** | |
| * @typedef {{ | |
| * type: string, | |
| * itemType: (string|undefined), | |
| * text: (string|undefined) | |
| * }} | |
| */ | |
| DetailsRenderer.TableHeaderJSON; // eslint-disable-line no-unused-expressions | |
| /** | |
| * @typedef {{ | |
| * type: string, | |
| * text: (string|undefined), | |
| * path: (string|undefined), | |
| * selector: (string|undefined), | |
| * snippet:(string|undefined) | |
| * }} | |
| */ | |
| DetailsRenderer.NodeDetailsJSON; // eslint-disable-line no-unused-expressions | |
| /** @typedef {{ | |
| * type: string, | |
| * header: ({text: string}|undefined), | |
| * items: !Array<!Array<!DetailsRenderer.DetailsJSON>>, | |
| * itemHeaders: !Array<!DetailsRenderer.TableHeaderJSON> | |
| * }} | |
| */ | |
| DetailsRenderer.TableDetailsJSON; // eslint-disable-line no-unused-expressions | |
| /** @typedef {{ | |
| * type: string, | |
| * url: ({text: string}|undefined), | |
| * mimeType: ({text: string}|undefined) | |
| * }} | |
| */ | |
| DetailsRenderer.ThumbnailDetails; // eslint-disable-line no-unused-expressions | |
| /** @typedef {{ | |
| * type: string, | |
| * scale: number, | |
| * items: !Array<{timing: number, timestamp: number, data: string}>, | |
| * }} | |
| */ | |
| DetailsRenderer.FilmstripDetails; // eslint-disable-line no-unused-expressions | |
| ; | |
| /** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /** | |
| * @fileoverview This file contains helpers for constructing and rendering the | |
| * critical request chains network tree. | |
| */ | |
| /* globals self Util */ | |
| class CriticalRequestChainRenderer { | |
| /** | |
| * Create render context for critical-request-chain tree display. | |
| * @param {!Object<string, !CriticalRequestChainRenderer.CRCNode>} tree | |
| * @return {{tree: !Object<string, !CriticalRequestChainRenderer.CRCNode>, startTime: number, transferSize: number}} | |
| */ | |
| static initTree(tree) { | |
| let startTime = 0; | |
| const rootNodes = Object.keys(tree); | |
| if (rootNodes.length > 0) { | |
| const node = tree[rootNodes[0]]; | |
| startTime = node.request.startTime; | |
| } | |
| return {tree, startTime, transferSize: 0}; | |
| } | |
| /** | |
| * Helper to create context for each critical-request-chain node based on its | |
| * parent. Calculates if this node is the last child, whether it has any | |
| * children itself and what the tree looks like all the way back up to the root, | |
| * so the tree markers can be drawn correctly. | |
| * @param {!Object<string, !CriticalRequestChainRenderer.CRCNode>} parent | |
| * @param {string} id | |
| * @param {number} startTime | |
| * @param {number} transferSize | |
| * @param {!Array<boolean>=} treeMarkers | |
| * @param {boolean=} parentIsLastChild | |
| * @return {!CriticalRequestChainRenderer.CRCSegment} | |
| */ | |
| static createSegment(parent, id, startTime, transferSize, treeMarkers, parentIsLastChild) { | |
| const node = parent[id]; | |
| const siblings = Object.keys(parent); | |
| const isLastChild = siblings.indexOf(id) === (siblings.length - 1); | |
| const hasChildren = Object.keys(node.children).length > 0; | |
| // Copy the tree markers so that we don't change by reference. | |
| const newTreeMarkers = Array.isArray(treeMarkers) ? treeMarkers.slice(0) : []; | |
| // Add on the new entry. | |
| if (typeof parentIsLastChild !== 'undefined') { | |
| newTreeMarkers.push(!parentIsLastChild); | |
| } | |
| return { | |
| node, | |
| isLastChild, | |
| hasChildren, | |
| startTime, | |
| transferSize: transferSize + node.request.transferSize, | |
| treeMarkers: newTreeMarkers | |
| }; | |
| } | |
| /** | |
| * Creates the DOM for a tree segment. | |
| * @param {!DOM} dom | |
| * @param {!DocumentFragment} tmpl | |
| * @param {!CriticalRequestChainRenderer.CRCSegment} segment | |
| * @param {!CriticalRequestChainRenderer.CRCDetailsJSON} details | |
| * @return {!Node} | |
| */ | |
| static createChainNode(dom, tmpl, segment, details) { | |
| const chainsEl = dom.cloneTemplate('#tmpl-lh-crc__chains', tmpl); | |
| // Hovering over request shows full URL. | |
| dom.find('.crc-node', chainsEl).setAttribute('title', segment.node.request.url); | |
| const treeMarkeEl = dom.find('.crc-node__tree-marker', chainsEl); | |
| // Construct lines and add spacers for sub requests. | |
| segment.treeMarkers.forEach(separator => { | |
| if (separator) { | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker vert')); | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker')); | |
| } else { | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker')); | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker')); | |
| } | |
| }); | |
| if (segment.isLastChild) { | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker up-right')); | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker right')); | |
| } else { | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker vert-right')); | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker right')); | |
| } | |
| if (segment.hasChildren) { | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker horiz-down')); | |
| } else { | |
| treeMarkeEl.appendChild(dom.createElement('span', 'tree-marker right')); | |
| } | |
| // Fill in url, host, and request size information. | |
| const {file, hostname} = Util.parseURL(segment.node.request.url); | |
| const treevalEl = dom.find('.crc-node__tree-value', chainsEl); | |
| dom.find('.crc-node__tree-file', treevalEl).textContent = `${file}`; | |
| dom.find('.crc-node__tree-hostname', treevalEl).textContent = `(${hostname})`; | |
| if (!segment.hasChildren) { | |
| const span = dom.createElement('span', 'crc-node__chain-duration'); | |
| span.textContent = ' - ' + Util.chainDuration( | |
| segment.node.request.startTime, segment.node.request.endTime) + 'ms, '; | |
| const span2 = dom.createElement('span', 'crc-node__chain-duration'); | |
| span2.textContent = Util.formateBytesToKB(details.longestChain.transferSize) + 'KB'; | |
| treevalEl.appendChild(span); | |
| treevalEl.appendChild(span2); | |
| } | |
| return chainsEl; | |
| } | |
| /** | |
| * Recursively builds a tree from segments. | |
| * @param {!DOM} dom | |
| * @param {!DocumentFragment} tmpl | |
| * @param {!CriticalRequestChainRenderer.CRCSegment} segment | |
| * @param {!Element} detailsEl Parent details element. | |
| * @param {!CriticalRequestChainRenderer.CRCDetailsJSON} details | |
| */ | |
| static buildTree(dom, tmpl, segment, detailsEl, details) { | |
| detailsEl.appendChild(CriticalRequestChainRenderer.createChainNode(dom, tmpl, segment, | |
| details)); | |
| for (const key of Object.keys(segment.node.children)) { | |
| const childSegment = CriticalRequestChainRenderer.createSegment(segment.node.children, key, | |
| segment.startTime, segment.transferSize, segment.treeMarkers, segment.isLastChild); | |
| CriticalRequestChainRenderer.buildTree(dom, tmpl, childSegment, detailsEl, details); | |
| } | |
| } | |
| /** | |
| * @param {!DOM} dom | |
| * @param {!Node} templateContext | |
| * @param {!CriticalRequestChainRenderer.CRCDetailsJSON} details | |
| * @return {!Node} | |
| */ | |
| static render(dom, templateContext, details) { | |
| const tmpl = dom.cloneTemplate('#tmpl-lh-crc', templateContext); | |
| // Fill in top summary. | |
| dom.find('.lh-crc__longest_duration', tmpl).textContent = | |
| Util.formatNumber(details.longestChain.duration) + 'ms'; | |
| dom.find('.lh-crc__longest_length', tmpl).textContent = details.longestChain.length; | |
| dom.find('.lh-crc__longest_transfersize', tmpl).textContent = | |
| Util.formateBytesToKB(details.longestChain.transferSize) + 'KB'; | |
| const detailsEl = dom.find('.lh-details', tmpl); | |
| dom.find('.lh-details > summary', tmpl).textContent = details.header.text; | |
| // Construct visual tree. | |
| const root = CriticalRequestChainRenderer.initTree(details.chains); | |
| for (const key of Object.keys(root.tree)) { | |
| const segment = CriticalRequestChainRenderer.createSegment(root.tree, key, | |
| root.startTime, root.transferSize); | |
| CriticalRequestChainRenderer.buildTree(dom, tmpl, segment, detailsEl, details); | |
| } | |
| return tmpl; | |
| } | |
| } | |
| // Allow Node require()'ing. | |
| if (typeof module !== 'undefined' && module.exports) { | |
| module.exports = CriticalRequestChainRenderer; | |
| } else { | |
| self.CriticalRequestChainRenderer = CriticalRequestChainRenderer; | |
| } | |
| /** @typedef {{ | |
| * type: string, | |
| * header: {text: string}, | |
| * longestChain: {duration: number, length: number, transferSize: number}, | |
| * chains: !Object<string, !CriticalRequestChainRenderer.CRCNode> | |
| * }} | |
| */ | |
| CriticalRequestChainRenderer.CRCDetailsJSON; // eslint-disable-line no-unused-expressions | |
| /** @typedef {{ | |
| * endTime: number, | |
| * responseReceivedTime: number, | |
| * startTime: number, | |
| * transferSize: number, | |
| * url: string | |
| * }} | |
| */ | |
| CriticalRequestChainRenderer.CRCRequest; // eslint-disable-line no-unused-expressions | |
| /** | |
| * Record type so children can circularly have CRCNode values. | |
| * @struct | |
| * @record | |
| */ | |
| CriticalRequestChainRenderer.CRCNode = function() {}; | |
| /** @type {!Object<string, !CriticalRequestChainRenderer.CRCNode>} */ | |
| CriticalRequestChainRenderer.CRCNode.prototype.children; // eslint-disable-line no-unused-expressions | |
| /** @type {!CriticalRequestChainRenderer.CRCRequest} */ | |
| CriticalRequestChainRenderer.CRCNode.prototype.request; // eslint-disable-line no-unused-expressions | |
| /** @typedef {{ | |
| * node: !CriticalRequestChainRenderer.CRCNode, | |
| * isLastChild: boolean, | |
| * hasChildren: boolean, | |
| * startTime: number, | |
| * transferSize: number, | |
| * treeMarkers: !Array<boolean> | |
| * }} | |
| */ | |
| CriticalRequestChainRenderer.CRCSegment; // eslint-disable-line no-unused-expressions | |
| ; | |
| /** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /* global URL */ | |
| /** | |
| * Generate a filenamePrefix of hostname_YYYY-MM-DD_HH-MM-SS | |
| * Date/time uses the local timezone, however Node has unreliable ICU | |
| * support, so we must construct a YYYY-MM-DD date format manually. :/ | |
| * @param {{url: string, generatedTime: string}} results | |
| * @return {string} | |
| */ | |
| function getFilenamePrefix(results) { | |
| const hostname = new (URLConstructor || URL)(results.url).hostname; | |
| const date = (results.generatedTime && new Date(results.generatedTime)) || new Date(); | |
| const timeStr = date.toLocaleTimeString('en-US', {hour12: false}); | |
| const dateParts = date.toLocaleDateString('en-US', { | |
| year: 'numeric', month: '2-digit', day: '2-digit' | |
| }).split('/'); | |
| dateParts.unshift(dateParts.pop()); | |
| const dateStr = dateParts.join('-'); | |
| const filenamePrefix = `${hostname}_${dateStr}_${timeStr}`; | |
| // replace characters that are unfriendly to filenames | |
| return filenamePrefix.replace(/[\/\?<>\\:\*\|":]/g, '-'); | |
| } | |
| let URLConstructor; | |
| if (typeof module !== 'undefined' && module.exports) { | |
| URLConstructor = require('./url-shim'); | |
| module.exports = {getFilenamePrefix}; | |
| } | |
| ; | |
| /** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /** | |
| * Logs messages via a UI butter. | |
| */ | |
| class Logger { | |
| /** | |
| * @param {!Element} element | |
| */ | |
| constructor(element) { | |
| /** @type {!Element} */ | |
| this.el = element; | |
| /** @private {?number} */ | |
| this._id = null; | |
| } | |
| /** | |
| * Shows a butter bar. | |
| * @param {!string} msg The message to show. | |
| * @param {boolean=} autoHide True to hide the message after a duration. | |
| * Default is true. | |
| */ | |
| log(msg, autoHide = true) { | |
| clearTimeout(this._id); | |
| this.el.textContent = msg; | |
| this.el.classList.add('show'); | |
| if (autoHide) { | |
| this._id = setTimeout(_ => { | |
| this.el.classList.remove('show'); | |
| }, 7000); | |
| } | |
| } | |
| /** | |
| * @param {string} msg | |
| */ | |
| warn(msg) { | |
| this.log('Warning: ' + msg); | |
| } | |
| /** | |
| * @param {string} msg | |
| */ | |
| error(msg) { | |
| this.log(msg); | |
| } | |
| /** | |
| * Explicitly hides the butter bar. | |
| */ | |
| hide() { | |
| clearTimeout(this._id); | |
| this.el.classList.remove('show'); | |
| } | |
| } | |
| if (typeof module !== 'undefined' && module.exports) { | |
| module.exports = Logger; | |
| } | |
| ; | |
| /** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /** | |
| * @fileoverview Adds export button, print, and other dynamic functionality to | |
| * the report. | |
| */ | |
| /* globals self URL Blob CustomEvent getFilenamePrefix */ | |
| class ReportUIFeatures { | |
| /** | |
| * @param {!DOM} dom | |
| */ | |
| constructor(dom) { | |
| /** @type {!ReportRenderer.ReportJSON} */ | |
| this.json; // eslint-disable-line no-unused-expressions | |
| /** @private {!DOM} */ | |
| this._dom = dom; | |
| /** @private {!Document} */ | |
| this._document = this._dom.document(); | |
| /** @private {boolean} */ | |
| this._copyAttempt = false; | |
| /** @type {!Element} **/ | |
| this.exportButton; // eslint-disable-line no-unused-expressions | |
| this.onMediaQueryChange = this.onMediaQueryChange.bind(this); | |
| this.onCopy = this.onCopy.bind(this); | |
| this.onExportButtonClick = this.onExportButtonClick.bind(this); | |
| this.onExport = this.onExport.bind(this); | |
| this.onKeyDown = this.onKeyDown.bind(this); | |
| this.printShortCutDetect = this.printShortCutDetect.bind(this); | |
| } | |
| /** | |
| * Adds export button, print, and other functionality to the report. The method | |
| * should be called whenever the report needs to be re-rendered. | |
| * @param {!ReportRenderer.ReportJSON} report | |
| */ | |
| initFeatures(report) { | |
| this.json = report; | |
| this._setupMediaQueryListeners(); | |
| this._setupExportButton(); | |
| this._setUpCollapseDetailsAfterPrinting(); | |
| this._resetUIState(); | |
| this._document.addEventListener('keydown', this.printShortCutDetect); | |
| this._document.addEventListener('copy', this.onCopy); | |
| } | |
| /** | |
| * Fires a custom DOM event on target. | |
| * @param {string} name Name of the event. | |
| * @param {!Node=} target DOM node to fire the event on. | |
| * @param {*=} detail Custom data to include. | |
| */ | |
| _fireEventOn(name, target = this._document, detail) { | |
| const event = new CustomEvent(name, detail ? {detail} : null); | |
| this._document.dispatchEvent(event); | |
| } | |
| _setupMediaQueryListeners() { | |
| const mediaQuery = self.matchMedia('(max-width: 600px)'); | |
| mediaQuery.addListener(this.onMediaQueryChange); | |
| // Ensure the handler is called on init | |
| this.onMediaQueryChange(mediaQuery); | |
| } | |
| /** | |
| * Handle media query change events. | |
| * @param {!MediaQueryList} mql | |
| */ | |
| onMediaQueryChange(mql) { | |
| const root = this._dom.find('.lh-root', this._document); | |
| root.classList.toggle('lh-narrow', mql.matches); | |
| } | |
| _setupExportButton() { | |
| this.exportButton = this._dom.find('.lh-export__button', this._document); | |
| this.exportButton.addEventListener('click', this.onExportButtonClick); | |
| const dropdown = this._dom.find('.lh-export__dropdown', this._document); | |
| dropdown.addEventListener('click', this.onExport); | |
| } | |
| /** | |
| * Handle copy events. | |
| * @param {!Event} e | |
| */ | |
| onCopy(e) { | |
| // Only handle copy button presses (e.g. ignore the user copying page text). | |
| if (this._copyAttempt) { | |
| // We want to write our own data to the clipboard, not the user's text selection. | |
| e.preventDefault(); | |
| e.clipboardData.setData('text/plain', JSON.stringify(this.json, null, 2)); | |
| this._fireEventOn('lh-log', this._document, { | |
| cmd: 'log', msg: 'Report JSON copied to clipboard' | |
| }); | |
| } | |
| this._copyAttempt = false; | |
| } | |
| /** | |
| * Copies the report JSON to the clipboard (if supported by the browser). | |
| * @suppress {reportUnknownTypes} | |
| */ | |
| onCopyButtonClick() { | |
| this._fireEventOn('lh-analytics', this._document, { | |
| cmd: 'send', | |
| fields: {hitType: 'event', eventCategory: 'report', eventAction: 'copy'} | |
| }); | |
| try { | |
| if (this._document.queryCommandSupported('copy')) { | |
| this._copyAttempt = true; | |
| // Note: In Safari 10.0.1, execCommand('copy') returns true if there's | |
| // a valid text selection on the page. See http://caniuse.com/#feat=clipboard. | |
| if (!this._document.execCommand('copy')) { | |
| this._copyAttempt = false; // Prevent event handler from seeing this as a copy attempt. | |
| this._fireEventOn('lh-log', this._document, { | |
| cmd: 'warn', msg: 'Your browser does not support copy to clipboard.' | |
| }); | |
| } | |
| } | |
| } catch (/** @type {!Error} */ e) { | |
| this._copyAttempt = false; | |
| this._fireEventOn('lh-log', this._document, {cmd: 'log', msg: e.message}); | |
| } | |
| } | |
| closeExportDropdown() { | |
| this.exportButton.classList.remove('active'); | |
| } | |
| /** | |
| * Click handler for export button. | |
| * @param {!Event} e | |
| */ | |
| onExportButtonClick(e) { | |
| e.preventDefault(); | |
| const el = /** @type {!Element} */ (e.target); | |
| el.classList.toggle('active'); | |
| this._document.addEventListener('keydown', this.onKeyDown); | |
| } | |
| /** | |
| * Resets the state of page before capturing the page for export. | |
| * When the user opens the exported HTML page, certain UI elements should | |
| * be in their closed state (not opened) and the templates should be unstamped. | |
| */ | |
| _resetUIState() { | |
| this.closeExportDropdown(); | |
| this._dom.resetTemplates(); | |
| } | |
| /** | |
| * Handler for "export as" button. | |
| * @param {!Event} e | |
| */ | |
| onExport(e) { | |
| e.preventDefault(); | |
| const el = /** @type {!Element} */ (e.target); | |
| if (!el.hasAttribute('data-action')) { | |
| return; | |
| } | |
| switch (el.getAttribute('data-action')) { | |
| case 'copy': | |
| this.onCopyButtonClick(); | |
| break; | |
| case 'print': | |
| this.expandAllDetails(); | |
| self.print(); | |
| break; | |
| case 'save-json': { | |
| const jsonStr = JSON.stringify(this.json, null, 2); | |
| this._saveFile(new Blob([jsonStr], {type: 'application/json'})); | |
| break; | |
| } | |
| case 'save-html': { | |
| this._resetUIState(); | |
| const htmlStr = this._document.documentElement.outerHTML; | |
| try { | |
| this._saveFile(new Blob([htmlStr], {type: 'text/html'})); | |
| } catch (/** @type {!Error} */ e) { | |
| this._fireEventOn('lh-log', this._document, { | |
| cmd: 'error', msg: 'Could not export as HTML. ' + e.message | |
| }); | |
| } | |
| break; | |
| } | |
| } | |
| this.closeExportDropdown(); | |
| this._document.removeEventListener('keydown', this.onKeyDown); | |
| } | |
| /** | |
| * Keydown handler for the document. | |
| * @param {!Event} e | |
| */ | |
| onKeyDown(e) { | |
| if (e.keyCode === 27) { // ESC | |
| this.closeExportDropdown(); | |
| } | |
| } | |
| /** | |
| * Expands audit details when user prints via keyboard shortcut. | |
| * @param {!Event} e | |
| */ | |
| printShortCutDetect(e) { | |
| if ((e.ctrlKey || e.metaKey) && e.keyCode === 80) { // Ctrl+P | |
| this.expandAllDetails(); | |
| } | |
| } | |
| /** | |
| * Expands all audit `<details>`. | |
| * Ideally, a print stylesheet could take care of this, but CSS has no way to | |
| * open a `<details>` element. | |
| */ | |
| expandAllDetails() { | |
| const details = this._dom.findAll('.lh-categories details', this._document); | |
| details.map(detail => detail.open = true); | |
| } | |
| /** | |
| * Collapses all audit `<details>`. | |
| * open a `<details>` element. | |
| */ | |
| collapseAllDetails() { | |
| const details = this._dom.findAll('.lh-categories details', this._document); | |
| details.map(detail => detail.open = false); | |
| } | |
| /** | |
| * Sets up listeners to collapse audit `<details>` when the user closes the | |
| * print dialog, all `<details>` are collapsed. | |
| */ | |
| _setUpCollapseDetailsAfterPrinting() { | |
| // FF and IE implement these old events. | |
| if ('onbeforeprint' in self) { | |
| self.addEventListener('afterprint', this.collapseAllDetails); | |
| } else { | |
| // Note: FF implements both window.onbeforeprint and media listeners. However, | |
| // it doesn't matchMedia doesn't fire when matching 'print'. | |
| self.matchMedia('print').addListener(mql => { | |
| if (mql.matches) { | |
| this.expandAllDetails(); | |
| } else { | |
| this.collapseAllDetails(); | |
| } | |
| }); | |
| } | |
| } | |
| /** | |
| * Downloads a file (blob) using a[download]. | |
| * @param {!Blob|!File} blob The file to save. | |
| */ | |
| _saveFile(blob) { | |
| const filename = getFilenamePrefix({ | |
| url: this.json.url, | |
| generatedTime: this.json.generatedTime | |
| }); | |
| const ext = blob.type.match('json') ? '.json' : '.html'; | |
| const href = URL.createObjectURL(blob); | |
| const a = /** @type {!HTMLAnchorElement} */ (this._dom.createElement('a')); | |
| a.download = `${filename}${ext}`; | |
| a.href = href; | |
| this._document.body.appendChild(a); // Firefox requires anchor to be in the DOM. | |
| a.click(); | |
| // cleanup. | |
| this._document.body.removeChild(a); | |
| setTimeout(_ => URL.revokeObjectURL(href), 500); | |
| } | |
| } | |
| if (typeof module !== 'undefined' && module.exports) { | |
| module.exports = ReportUIFeatures; | |
| } else { | |
| self.ReportUIFeatures = ReportUIFeatures; | |
| } | |
| ; | |
| /** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /* globals self, Util */ | |
| class CategoryRenderer { | |
| /** | |
| * @param {!DOM} dom | |
| * @param {!DetailsRenderer} detailsRenderer | |
| */ | |
| constructor(dom, detailsRenderer) { | |
| /** @private {!DOM} */ | |
| this._dom = dom; | |
| /** @private {!DetailsRenderer} */ | |
| this._detailsRenderer = detailsRenderer; | |
| /** @private {!Document|!Element} */ | |
| this._templateContext = this._dom.document(); | |
| this._detailsRenderer.setTemplateContext(this._templateContext); | |
| } | |
| /** | |
| * @param {!ReportRenderer.AuditJSON} audit | |
| * @return {!Element} | |
| */ | |
| _renderAuditScore(audit) { | |
| const tmpl = this._dom.cloneTemplate('#tmpl-lh-audit-score', this._templateContext); | |
| const scoringMode = audit.result.scoringMode; | |
| const description = audit.result.helpText; | |
| let title = audit.result.description; | |
| if (audit.result.displayValue) { | |
| title += `: ${audit.result.displayValue}`; | |
| } | |
| if (audit.result.optimalValue) { | |
| title += ` (target: ${audit.result.optimalValue})`; | |
| } | |
| if (audit.result.debugString) { | |
| const debugStrEl = tmpl.appendChild(this._dom.createElement('div', 'lh-debug')); | |
| debugStrEl.textContent = audit.result.debugString; | |
| } | |
| // Append audit details to header section so the entire audit is within a <details>. | |
| const header = /** @type {!HTMLDetailsElement} */ (this._dom.find('.lh-score__header', tmpl)); | |
| if (audit.result.details) { | |
| header.appendChild(this._detailsRenderer.render(audit.result.details)); | |
| } | |
| const scoreEl = this._dom.find('.lh-score', tmpl); | |
| if (audit.result.informative) { | |
| scoreEl.classList.add('lh-score--informative'); | |
| } | |
| if (audit.result.manual) { | |
| scoreEl.classList.add('lh-score--manual'); | |
| } | |
| return this._populateScore(tmpl, audit.score, scoringMode, title, description); | |
| } | |
| /** | |
| * @param {!DocumentFragment|!Element} element DOM node to populate with values. | |
| * @param {number} score | |
| * @param {string} scoringMode | |
| * @param {string} title | |
| * @param {string} description | |
| * @return {!Element} | |
| */ | |
| _populateScore(element, score, scoringMode, title, description) { | |
| // Fill in the blanks. | |
| const valueEl = this._dom.find('.lh-score__value', element); | |
| valueEl.textContent = Util.formatNumber(score); | |
| valueEl.classList.add(`lh-score__value--${Util.calculateRating(score)}`, | |
| `lh-score__value--${scoringMode}`); | |
| this._dom.find('.lh-score__title', element).appendChild( | |
| this._dom.convertMarkdownCodeSnippets(title)); | |
| this._dom.find('.lh-score__description', element) | |
| .appendChild(this._dom.convertMarkdownLinkSnippets(description)); | |
| return /** @type {!Element} **/ (element); | |
| } | |
| /** | |
| * @param {!ReportRenderer.CategoryJSON} category | |
| * @return {!Element} | |
| */ | |
| _renderCategoryScore(category) { | |
| const tmpl = this._dom.cloneTemplate('#tmpl-lh-category-score', this._templateContext); | |
| const score = Math.round(category.score); | |
| const gaugeContainerEl = this._dom.find('.lh-score__gauge', tmpl); | |
| const gaugeEl = this.renderScoreGauge(category); | |
| gaugeContainerEl.appendChild(gaugeEl); | |
| return this._populateScore(tmpl, score, 'numeric', category.name, category.description); | |
| } | |
| /** | |
| * @param {!ReportRenderer.AuditJSON} audit | |
| * @return {!Element} | |
| */ | |
| _renderAudit(audit) { | |
| const element = this._dom.createElement('div', 'lh-audit'); | |
| element.appendChild(this._renderAuditScore(audit)); | |
| return element; | |
| } | |
| /** | |
| * @param {!ReportRenderer.AuditJSON} audit | |
| * @param {number} scale | |
| * @return {!Element} | |
| */ | |
| _renderTimelineMetricAudit(audit, scale) { | |
| const element = this._dom.createElement('div', | |
| `lh-timeline-metric lh-timeline-metric--${Util.calculateRating(audit.score)}`); | |
| const sparklineContainerEl = this._dom.createChildOf(element, 'div', | |
| 'lh-timeline-metric__sparkline'); | |
| const titleEl = this._dom.createChildOf(element, 'div', 'lh-timeline-metric__title'); | |
| const titleNameEl = this._dom.createChildOf(titleEl, 'span', 'lh-timeline-metric__name'); | |
| const titleValueEl = this._dom.createChildOf(titleEl, 'span', 'lh-timeline-metric__value'); | |
| titleNameEl.textContent = audit.result.description; | |
| titleValueEl.textContent = audit.result.displayValue; | |
| if (typeof audit.result.rawValue !== 'number') { | |
| const debugStrEl = this._dom.createChildOf(element, 'div', 'lh-debug'); | |
| debugStrEl.textContent = audit.result.debugString || 'Report error: no metric information'; | |
| return element; | |
| } | |
| const sparklineEl = this._dom.createChildOf(sparklineContainerEl, 'div', | |
| 'lh-sparkline lh-sparkline--thin'); | |
| const sparklineBarEl = this._dom.createChildOf(sparklineEl, 'div', 'lh-sparkline__bar'); | |
| sparklineBarEl.style.width = `${audit.result.rawValue / scale * 100}%`; | |
| const descriptionEl = this._dom.createChildOf(element, 'div', | |
| 'lh-timeline-metric__description'); | |
| descriptionEl.appendChild(this._dom.convertMarkdownLinkSnippets(audit.result.helpText)); | |
| return element; | |
| } | |
| /** | |
| * @param {!ReportRenderer.AuditJSON} audit | |
| * @param {number} scale | |
| * @return {!Element} | |
| */ | |
| _renderPerfHintAudit(audit, scale) { | |
| const extendedInfo = /** @type {!CategoryRenderer.PerfHintExtendedInfo} | |
| */ (audit.result.extendedInfo); | |
| const tooltipAttrs = {title: audit.result.displayValue}; | |
| const element = this._dom.createElement('details', [ | |
| 'lh-perf-hint', | |
| `lh-perf-hint--${Util.calculateRating(audit.score)}`, | |
| 'lh-expandable-details', | |
| ].join(' ')); | |
| const summary = this._dom.createChildOf(element, 'summary', 'lh-perf-hint__summary ' + | |
| 'lh-expandable-details__summary'); | |
| const titleEl = this._dom.createChildOf(summary, 'div', 'lh-perf-hint__title'); | |
| titleEl.textContent = audit.result.description; | |
| if (!extendedInfo || typeof audit.result.rawValue !== 'number') { | |
| const debugStrEl = this._dom.createChildOf(summary, 'div', 'lh-debug'); | |
| debugStrEl.textContent = audit.result.debugString || 'Report error: no extended information'; | |
| return element; | |
| } | |
| const sparklineContainerEl = this._dom.createChildOf(summary, 'div', 'lh-perf-hint__sparkline', | |
| tooltipAttrs); | |
| const sparklineEl = this._dom.createChildOf(sparklineContainerEl, 'div', 'lh-sparkline'); | |
| const sparklineBarEl = this._dom.createChildOf(sparklineEl, 'div', 'lh-sparkline__bar'); | |
| sparklineBarEl.style.width = audit.result.rawValue / scale * 100 + '%'; | |
| const statsEl = this._dom.createChildOf(summary, 'div', 'lh-perf-hint__stats', tooltipAttrs); | |
| const statsMsEl = this._dom.createChildOf(statsEl, 'div', 'lh-perf-hint__primary-stat'); | |
| statsMsEl.textContent = Util.formatMilliseconds(audit.result.rawValue); | |
| this._dom.createChildOf(summary, 'div', 'lh-toggle-arrow', {title: 'See resources'}); | |
| if (extendedInfo.value.wastedKb) { | |
| const statsKbEl = this._dom.createChildOf(statsEl, 'div', 'lh-perf-hint__secondary-stat'); | |
| statsKbEl.textContent = extendedInfo.value.wastedKb.toLocaleString() + ' KB'; | |
| } | |
| const descriptionEl = this._dom.createChildOf(element, 'div', 'lh-perf-hint__description'); | |
| descriptionEl.appendChild(this._dom.convertMarkdownLinkSnippets(audit.result.helpText)); | |
| if (audit.result.details) { | |
| element.appendChild(this._detailsRenderer.render(audit.result.details)); | |
| } | |
| return element; | |
| } | |
| /** | |
| * Renders the group container for a group of audits. Individual audit elements can be added | |
| * directly to the returned element. | |
| * @param {!ReportRenderer.GroupJSON} group | |
| * @return {!HTMLDetailsElement} | |
| */ | |
| _renderAuditGroup(group) { | |
| const auditGroupElem = /** @type {!HTMLDetailsElement} */ (this._dom.createElement('details', | |
| 'lh-audit-group lh-expandable-details')); | |
| const auditGroupHeader = this._dom.createElement('div', | |
| 'lh-audit-group__header lh-expandable-details__header'); | |
| auditGroupHeader.textContent = group.title; | |
| const auditGroupDescription = this._dom.createElement('div', 'lh-audit-group__description'); | |
| auditGroupDescription.appendChild(this._dom.convertMarkdownLinkSnippets(group.description)); | |
| const auditGroupSummary = this._dom.createElement('summary', | |
| 'lh-audit-group__summary lh-expandable-details__summary'); | |
| const auditGroupArrow = this._dom.createElement('div', 'lh-toggle-arrow', { | |
| title: 'See audits', | |
| }); | |
| auditGroupSummary.appendChild(auditGroupHeader); | |
| auditGroupSummary.appendChild(auditGroupArrow); | |
| auditGroupElem.appendChild(auditGroupSummary); | |
| auditGroupElem.appendChild(auditGroupDescription); | |
| return auditGroupElem; | |
| } | |
| /** | |
| * @param {!Array<!Element>} elements | |
| * @return {!Element} | |
| */ | |
| _renderPassedAuditsSection(elements) { | |
| const passedElem = this._dom.createElement('details', 'lh-passed-audits'); | |
| const passedSummary = this._dom.createElement('summary', 'lh-passed-audits-summary'); | |
| passedElem.appendChild(passedSummary); | |
| passedSummary.textContent = `View ${elements.length} passed items`; | |
| elements.forEach(elem => passedElem.appendChild(elem)); | |
| return passedElem; | |
| } | |
| /** | |
| * @param {!Array<!ReportRenderer.AuditJSON>} manualAudits | |
| * @param {!Object<string, !ReportRenderer.GroupJSON>} groupDefinitions | |
| * @param {!Element} element Parent container to add the manual audits to. | |
| */ | |
| _renderManualAudits(manualAudits, groupDefinitions, element) { | |
| const auditsGroupedByGroup = /** @type {!Object<string, | |
| !Array<!ReportRenderer.AuditJSON>>} */ ({}); | |
| manualAudits.forEach(audit => { | |
| const group = auditsGroupedByGroup[audit.group] || []; | |
| group.push(audit); | |
| auditsGroupedByGroup[audit.group] = group; | |
| }); | |
| Object.keys(auditsGroupedByGroup).forEach(groupId => { | |
| const group = groupDefinitions[groupId]; | |
| const auditGroupElem = this._renderAuditGroup(group); | |
| auditGroupElem.classList.add('lh-audit-group--manual'); | |
| auditsGroupedByGroup[groupId].forEach(audit => { | |
| auditGroupElem.appendChild(this._renderAudit(audit)); | |
| }); | |
| element.appendChild(auditGroupElem); | |
| }); | |
| } | |
| /** | |
| * @param {!Document|!Element} context | |
| */ | |
| setTemplateContext(context) { | |
| this._templateContext = context; | |
| this._detailsRenderer.setTemplateContext(context); | |
| } | |
| /** | |
| * @param {!ReportRenderer.CategoryJSON} category | |
| * @return {!DocumentFragment} | |
| */ | |
| renderScoreGauge(category) { | |
| const tmpl = this._dom.cloneTemplate('#tmpl-lh-gauge', this._templateContext); | |
| this._dom.find('.lh-gauge__wrapper', tmpl).href = `#${category.id}`; | |
| this._dom.find('.lh-gauge__label', tmpl).textContent = category.name; | |
| const score = Math.round(category.score); | |
| const fillRotation = Math.floor((score / 100) * 180); | |
| const gauge = this._dom.find('.lh-gauge', tmpl); | |
| gauge.setAttribute('data-progress', score); // .dataset not supported in jsdom. | |
| gauge.classList.add(`lh-gauge--${Util.calculateRating(score)}`); | |
| this._dom.findAll('.lh-gauge__fill', gauge).forEach(el => { | |
| el.style.transform = `rotate(${fillRotation}deg)`; | |
| }); | |
| this._dom.find('.lh-gauge__mask--full', gauge).style.transform = | |
| `rotate(${fillRotation}deg)`; | |
| this._dom.find('.lh-gauge__fill--fix', gauge).style.transform = | |
| `rotate(${fillRotation * 2}deg)`; | |
| this._dom.find('.lh-gauge__percentage', gauge).textContent = score; | |
| return tmpl; | |
| } | |
| /** | |
| * @param {!ReportRenderer.CategoryJSON} category | |
| * @param {!Object<string, !ReportRenderer.GroupJSON>} groups | |
| * @return {!Element} | |
| */ | |
| render(category, groups) { | |
| switch (category.id) { | |
| case 'performance': | |
| return this._renderPerformanceCategory(category, groups); | |
| case 'accessibility': | |
| return this._renderAccessibilityCategory(category, groups); | |
| default: | |
| return this._renderDefaultCategory(category, groups); | |
| } | |
| } | |
| /** | |
| * @param {!ReportRenderer.CategoryJSON} category | |
| * @param {!Object<string, !ReportRenderer.GroupJSON>} groupDefinitions | |
| * @return {!Element} | |
| */ | |
| _renderDefaultCategory(category, groupDefinitions) { | |
| const element = this._dom.createElement('div', 'lh-category'); | |
| element.id = category.id; | |
| element.appendChild(this._renderCategoryScore(category)); | |
| const manualAudits = category.audits.filter(audit => audit.result.manual); | |
| const nonManualAudits = category.audits.filter(audit => !manualAudits.includes(audit)); | |
| const passedAudits = nonManualAudits.filter(audit => audit.score === 100 && | |
| !audit.result.debugString); | |
| const nonPassedAudits = nonManualAudits.filter(audit => !passedAudits.includes(audit)); | |
| for (const audit of nonPassedAudits) { | |
| element.appendChild(this._renderAudit(audit)); | |
| } | |
| // Create a passed section if there are passing audits. | |
| if (passedAudits.length) { | |
| const passedElements = passedAudits.map(audit => this._renderAudit(audit)); | |
| const passedElem = this._renderPassedAuditsSection(passedElements); | |
| element.appendChild(passedElem); | |
| } | |
| // Render manual audits after passing. | |
| this._renderManualAudits(manualAudits, groupDefinitions, element); | |
| return element; | |
| } | |
| /** | |
| * @param {!ReportRenderer.CategoryJSON} category | |
| * @param {!Object<string, !ReportRenderer.GroupJSON>} groups | |
| * @return {!Element} | |
| */ | |
| _renderPerformanceCategory(category, groups) { | |
| const element = this._dom.createElement('div', 'lh-category'); | |
| element.id = category.id; | |
| element.appendChild(this._renderCategoryScore(category)); | |
| const metricAudits = category.audits.filter(audit => audit.group === 'perf-metric'); | |
| const metricAuditsEl = this._renderAuditGroup(groups['perf-metric']); | |
| const timelineContainerEl = this._dom.createChildOf(metricAuditsEl, 'div', | |
| 'lh-timeline-container'); | |
| const timelineEl = this._dom.createChildOf(timelineContainerEl, 'div', 'lh-timeline'); | |
| let perfTimelineScale = 0; | |
| metricAudits.forEach(audit => { | |
| if (typeof audit.result.rawValue === 'number' && audit.result.rawValue) { | |
| perfTimelineScale = Math.max(perfTimelineScale, audit.result.rawValue); | |
| } | |
| }); | |
| const thumbnailAudit = category.audits.find(audit => audit.id === 'screenshot-thumbnails'); | |
| const thumbnailResult = thumbnailAudit && thumbnailAudit.result; | |
| if (thumbnailResult && thumbnailResult.details) { | |
| const thumbnailDetails = /** @type {!DetailsRenderer.FilmstripDetails} */ | |
| (thumbnailResult.details); | |
| perfTimelineScale = Math.max(perfTimelineScale, thumbnailDetails.scale); | |
| const filmstripEl = this._detailsRenderer.render(thumbnailDetails); | |
| timelineEl.appendChild(filmstripEl); | |
| } | |
| metricAudits.forEach(item => { | |
| if (item.id === 'speed-index-metric' || item.id === 'estimated-input-latency') { | |
| return metricAuditsEl.appendChild(this._renderAudit(item)); | |
| } | |
| timelineEl.appendChild(this._renderTimelineMetricAudit(item, perfTimelineScale)); | |
| }); | |
| metricAuditsEl.open = true; | |
| element.appendChild(metricAuditsEl); | |
| const hintAudits = category.audits | |
| .filter(audit => audit.group === 'perf-hint' && audit.score < 100) | |
| .sort((auditA, auditB) => auditB.result.rawValue - auditA.result.rawValue); | |
| if (hintAudits.length) { | |
| const maxWaste = Math.max(...hintAudits.map(audit => audit.result.rawValue)); | |
| const scale = Math.ceil(maxWaste / 1000) * 1000; | |
| const hintAuditsEl = this._renderAuditGroup(groups['perf-hint']); | |
| hintAudits.forEach(item => hintAuditsEl.appendChild(this._renderPerfHintAudit(item, scale))); | |
| hintAuditsEl.open = true; | |
| element.appendChild(hintAuditsEl); | |
| } | |
| const infoAudits = category.audits | |
| .filter(audit => audit.group === 'perf-info' && audit.score < 100); | |
| if (infoAudits.length) { | |
| const infoAuditsEl = this._renderAuditGroup(groups['perf-info']); | |
| infoAudits.forEach(item => infoAuditsEl.appendChild(this._renderAudit(item))); | |
| infoAuditsEl.open = true; | |
| element.appendChild(infoAuditsEl); | |
| } | |
| const passedElements = category.audits | |
| .filter(audit => (audit.group === 'perf-hint' || audit.group === 'perf-info') && | |
| audit.score === 100) | |
| .map(audit => this._renderAudit(audit)); | |
| if (!passedElements.length) return element; | |
| const passedElem = this._renderPassedAuditsSection(passedElements); | |
| element.appendChild(passedElem); | |
| return element; | |
| } | |
| /** | |
| * @param {!ReportRenderer.CategoryJSON} category | |
| * @param {!Object<string, !ReportRenderer.GroupJSON>} groupDefinitions | |
| * @return {!Element} | |
| */ | |
| _renderAccessibilityCategory(category, groupDefinitions) { | |
| const element = this._dom.createElement('div', 'lh-category'); | |
| element.id = category.id; | |
| element.appendChild(this._renderCategoryScore(category)); | |
| const auditsGroupedByGroup = /** @type {!Object<string, | |
| {passed: !Array<!ReportRenderer.AuditJSON>, | |
| failed: !Array<!ReportRenderer.AuditJSON>}>} */ ({}); | |
| category.audits.forEach(audit => { | |
| const groupId = audit.group; | |
| const groups = auditsGroupedByGroup[groupId] || {passed: [], failed: []}; | |
| if (audit.score === 100) { | |
| groups.passed.push(audit); | |
| } else { | |
| groups.failed.push(audit); | |
| } | |
| auditsGroupedByGroup[groupId] = groups; | |
| }); | |
| const passedElements = /** @type {!Array<!Element>} */ ([]); | |
| Object.keys(auditsGroupedByGroup).forEach(groupId => { | |
| const group = groupDefinitions[groupId]; | |
| const groups = auditsGroupedByGroup[groupId]; | |
| if (groups.failed.length) { | |
| const auditGroupElem = this._renderAuditGroup(group); | |
| groups.failed.forEach(item => auditGroupElem.appendChild(this._renderAudit(item))); | |
| auditGroupElem.open = true; | |
| element.appendChild(auditGroupElem); | |
| } | |
| if (groups.passed.length) { | |
| const auditGroupElem = this._renderAuditGroup(group); | |
| groups.passed.forEach(item => auditGroupElem.appendChild(this._renderAudit(item))); | |
| passedElements.push(auditGroupElem); | |
| } | |
| }); | |
| // don't create a passed section if there are no passed | |
| if (!passedElements.length) return element; | |
| const passedElem = this._renderPassedAuditsSection(passedElements); | |
| element.appendChild(passedElem); | |
| return element; | |
| } | |
| } | |
| if (typeof module !== 'undefined' && module.exports) { | |
| module.exports = CategoryRenderer; | |
| } else { | |
| self.CategoryRenderer = CategoryRenderer; | |
| } | |
| /** | |
| * @typedef {{ | |
| * value: { | |
| * wastedMs: (number|undefined), | |
| * wastedKb: (number|undefined), | |
| * } | |
| * }} | |
| */ | |
| CategoryRenderer.PerfHintExtendedInfo; // eslint-disable-line no-unused-expressions | |
| ; | |
| /** | |
| * @license Copyright 2017 Google Inc. All Rights Reserved. | |
| * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 | |
| * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. | |
| */ | |
| 'use strict'; | |
| /** | |
| * @fileoverview The entry point for rendering the Lighthouse report based on the JSON output. | |
| * This file is injected into the report HTML along with the JSON report. | |
| * | |
| * Dummy text for ensuring report robustness: \u003c/script> pre$`post %%LIGHTHOUSE_JSON%% | |
| */ | |
| /* globals self, Util */ | |
| class ReportRenderer { | |
| /** | |
| * @param {!DOM} dom | |
| * @param {!CategoryRenderer} categoryRenderer | |
| * @param {?ReportUIFeatures=} uiFeatures | |
| */ | |
| constructor(dom, categoryRenderer, uiFeatures = null) { | |
| /** @private {!DOM} */ | |
| this._dom = dom; | |
| /** @private {!CategoryRenderer} */ | |
| this._categoryRenderer = categoryRenderer; | |
| /** @private {!Document|!Element} */ | |
| this._templateContext = this._dom.document(); | |
| /** @private {ReportUIFeatures} */ | |
| this._uiFeatures = uiFeatures; | |
| } | |
| /** | |
| * @param {!ReportRenderer.ReportJSON} report | |
| * @param {!Element} container Parent element to render the report into. | |
| */ | |
| renderReport(report, container) { | |
| container.textContent = ''; // Remove previous report. | |
| const element = container.appendChild(this._renderReport(report)); | |
| // Hook in JS features and page-level event listeners after the report | |
| // is in the document. | |
| if (this._uiFeatures) { | |
| this._uiFeatures.initFeatures(report); | |
| } | |
| return /** @type {!Element} **/ (element); | |
| } | |
| /** | |
| * Define a custom element for <templates> to be extracted from. For example: | |
| * this.setTemplateContext(new DOMParser().parseFromString(htmlStr, 'text/html')) | |
| * @param {!Document|!Element} context | |
| */ | |
| setTemplateContext(context) { | |
| this._templateContext = context; | |
| this._categoryRenderer.setTemplateContext(context); | |
| } | |
| /** | |
| * @param {!ReportRenderer.ReportJSON} report | |
| * @return {!DocumentFragment} | |
| */ | |
| _renderReportHeader(report) { | |
| const header = this._dom.cloneTemplate('#tmpl-lh-heading', this._templateContext); | |
| this._dom.find('.lh-config__timestamp', header).textContent = | |
| Util.formatDateTime(report.generatedTime); | |
| const url = this._dom.find('.lh-metadata__url', header); | |
| url.href = report.url; | |
| url.textContent = report.url; | |
| this._dom.find('.lh-env__item__ua', header).textContent = report.userAgent; | |
| const env = this._dom.find('.lh-env__items', header); | |
| report.runtimeConfig.environment.forEach(runtime => { | |
| const item = this._dom.cloneTemplate('#tmpl-lh-env__items', env); | |
| this._dom.find('.lh-env__name', item).textContent = runtime.name; | |
| this._dom.find('.lh-env__description', item).textContent = runtime.description; | |
| this._dom.find('.lh-env__enabled', item).textContent = | |
| runtime.enabled ? 'Enabled' : 'Disabled'; | |
| env.appendChild(item); | |
| }); | |
| return header; | |
| } | |
| /** | |
| * @param {!ReportRenderer.ReportJSON} report | |
| * @return {!DocumentFragment} | |
| */ | |
| _renderReportFooter(report) { | |
| const footer = this._dom.cloneTemplate('#tmpl-lh-footer', this._templateContext); | |
| this._dom.find('.lh-footer__version', footer).textContent = report.lighthouseVersion; | |
| this._dom.find('.lh-footer__timestamp', footer).textContent = | |
| Util.formatDateTime(report.generatedTime); | |
| return footer; | |
| } | |
| /** | |
| * @param {!ReportRenderer.ReportJSON} report | |
| * @return {!DocumentFragment} | |
| */ | |
| _renderReportNav(report) { | |
| const leftNav = this._dom.cloneTemplate('#tmpl-lh-leftnav', this._templateContext); | |
| this._dom.find('.leftnav__header__version', leftNav).textContent = | |
| `Version: ${report.lighthouseVersion}`; | |
| const nav = this._dom.find('.lh-leftnav', leftNav); | |
| for (const category of report.reportCategories) { | |
| const itemsTmpl = this._dom.cloneTemplate('#tmpl-lh-leftnav__items', leftNav); | |
| const navItem = this._dom.find('.lh-leftnav__item', itemsTmpl); | |
| navItem.href = `#${category.id}`; | |
| this._dom.find('.leftnav-item__category', navItem).textContent = category.name; | |
| const score = this._dom.find('.leftnav-item__score', navItem); | |
| score.classList.add(`lh-score__value--${Util.calculateRating(category.score)}`); | |
| score.textContent = Math.round(category.score); | |
| nav.appendChild(navItem); | |
| } | |
| return leftNav; | |
| } | |
| /** | |
| * @param {!ReportRenderer.ReportJSON} report | |
| * @return {!Element} | |
| */ | |
| _renderReport(report) { | |
| const container = this._dom.createElement('div', 'lh-container'); | |
| container.appendChild(this._renderReportHeader(report)); // sticky header goes at the top. | |
| container.appendChild(this._renderReportNav(report)); | |
| const reportSection = container.appendChild(this._dom.createElement('div', 'lh-report')); | |
| const scoreHeader = reportSection.appendChild( | |
| this._dom.createElement('div', 'lh-scores-header')); | |
| const categories = reportSection.appendChild(this._dom.createElement('div', 'lh-categories')); | |
| for (const category of report.reportCategories) { | |
| scoreHeader.appendChild(this._categoryRenderer.renderScoreGauge(category)); | |
| categories.appendChild(this._categoryRenderer.render(category, report.reportGroups)); | |
| } | |
| reportSection.appendChild(this._renderReportFooter(report)); | |
| return container; | |
| } | |
| } | |
| if (typeof module !== 'undefined' && module.exports) { | |
| module.exports = ReportRenderer; | |
| } else { | |
| self.ReportRenderer = ReportRenderer; | |
| } | |
| /** | |
| * @typedef {{ | |
| * id: string, | |
| * weight: number, | |
| * score: number, | |
| * group: string, | |
| * result: { | |
| * rawValue: (number|undefined), | |
| * description: string, | |
| * informative: boolean, | |
| * manual: boolean, | |
| * debugString: string, | |
| * displayValue: string, | |
| * helpText: string, | |
| * score: (number|boolean), | |
| * scoringMode: string, | |
| * optimalValue: number, | |
| * extendedInfo: Object, | |
| * details: (!DetailsRenderer.DetailsJSON|undefined) | |
| * } | |
| * }} | |
| */ | |
| ReportRenderer.AuditJSON; // eslint-disable-line no-unused-expressions | |
| /** | |
| * @typedef {{ | |
| * name: string, | |
| * id: string, | |
| * weight: number, | |
| * score: number, | |
| * description: string, | |
| * audits: !Array<!ReportRenderer.AuditJSON> | |
| * }} | |
| */ | |
| ReportRenderer.CategoryJSON; // eslint-disable-line no-unused-expressions | |
| /** | |
| * @typedef {{ | |
| * title: string, | |
| * description: string, | |
| * }} | |
| */ | |
| ReportRenderer.GroupJSON; // eslint-disable-line no-unused-expressions | |
| /** | |
| * @typedef {{ | |
| * lighthouseVersion: string, | |
| * userAgent: string, | |
| * generatedTime: string, | |
| * timing: {total: number}, | |
| * initialUrl: string, | |
| * url: string, | |
| * artifacts: {traces: !Object}, | |
| * reportCategories: !Array<!ReportRenderer.CategoryJSON>, | |
| * reportGroups: !Object<string, !ReportRenderer.GroupJSON>, | |
| * runtimeConfig: { | |
| * blockedUrlPatterns: !Array<string>, | |
| * environment: !Array<{description: string, enabled: boolean, name: string}> | |
| * } | |
| * }} | |
| */ | |
| ReportRenderer.ReportJSON; // eslint-disable-line no-unused-expressions | |
| </script> | |
| <script>window.__LIGHTHOUSE_JSON__ = {"userAgent":"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5 Build/MRA58N) AppleWebKit/537.36(KHTML, like Gecko) Chrome/61.0.3116.0 Mobile Safari/537.36","lighthouseVersion":"2.1.0","generatedTime":"2017-06-07T12:53:10.479Z","initialUrl":"https://hackernews-ecvrcpossc.now.sh/top","url":"https://hackernews-ecvrcpossc.now.sh/top","audits":{"is-on-https":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"is-on-https","category":"Security","description":"Uses HTTPS","helpText":"All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/https).","details":{"type":"list","header":{"type":"text","text":"Insecure URLs:"},"items":[]}},"redirects-http":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"redirects-http","category":"Security","description":"Redirects HTTP traffic to HTTPS","helpText":"If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http-redirects-to-https)."},"service-worker":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"service-worker","category":"Offline","description":"Registers a Service Worker","helpText":"The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/registered-service-worker)."},"works-offline":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"works-offline","category":"Offline","description":"Responds with a 200 when offline","helpText":"If you're building a Progressive Web App, consider using a service worker so that your app can work offline. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http-200-when-offline)."},"viewport":{"score":true,"displayValue":"","rawValue":true,"debugString":"","scoringMode":"binary","name":"viewport","category":"Mobile Friendly","description":"Has a `\u003cmeta name=\"viewport\">` tag with `width` or `initial-scale`","helpText":"Add a viewport meta tag to optimize your app for mobile screens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/has-viewport-meta-tag)."},"without-javascript":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"without-javascript","category":"JavaScript","description":"Contains some content when JavaScript is not available","helpText":"Your app should display some content when JavaScript is disabled, even if it's just a warning to the user that JavaScript is required to use the app. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/no-js)."},"first-meaningful-paint":{"score":100,"displayValue":"890 ms","rawValue":886.4,"optimalValue":"\u003c 1,600 ms","extendedInfo":{"value":{"timestamps":{"navStart":188072557317,"fCP":188073443733,"fMP":188073443741,"onLoad":188074501517,"endOfTrace":188082036214},"timings":{"navStart":0,"fCP":886.416,"fMP":886.424,"onLoad":1944.2,"endOfTrace":9478.897}},"formatter":"null"},"scoringMode":"numeric","name":"first-meaningful-paint","category":"Performance","description":"First meaningful paint","helpText":"First meaningful paint measures when the primary content of a page is visible. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint)."},"load-fast-enough-for-pwa":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"null","value":{"areLatenciesAll3G":true,"firstRequestLatencies":[{"url":"https://hackernews-ecvrcpossc.now.sh/top","latency":"564.84"}],"isFast":true,"timeToFirstInteractive":1944.773}},"scoringMode":"binary","name":"load-fast-enough-for-pwa","category":"PWA","description":"Page load is fast enough on 3G","helpText":"Satisfied if First Interactive is less than 10 seconds, as defined by the [PWA Baseline Checklist](https://developers.google.com/web/progressive-web-apps/checklist). Network throttling is required (specifically: RTT latencies >= 150 RTT are expected)."},"speed-index-metric":{"score":97,"displayValue":"1402","rawValue":1402,"optimalValue":"\u003c 1,250","extendedInfo":{"formatter":"speedline","value":{"timings":{"firstVisualChange":1393,"visuallyReady":1393.9860000014305,"visuallyComplete":1691,"speedIndex":1399.9360400015116,"perceptualSpeedIndex":1402.497839570817},"timestamps":{"firstVisualChange":188073950317,"visuallyReady":188073951303,"visuallyComplete":188074248317,"speedIndex":188073957253.04,"perceptualSpeedIndex":188073959814.83957},"frames":[{"timestamp":188072557.317,"progress":0},{"timestamp":188073951.303,"progress":96.3514209337836},{"timestamp":188073981.378,"progress":96.58484647632277},{"timestamp":188073998.588,"progress":96.58484647632277},{"timestamp":188074015.6,"progress":96.79613777747369},{"timestamp":188074031.504,"progress":96.79613777747369},{"timestamp":188074047.776,"progress":96.79613777747369},{"timestamp":188074064.536,"progress":96.79613777747369},{"timestamp":188074081.603,"progress":96.79613777747369},{"timestamp":188074098.58,"progress":97.61209472194055},{"timestamp":188074115.071,"progress":97.61209472194055},{"timestamp":188074131.422,"progress":97.61209472194055},{"timestamp":188074148.617,"progress":97.61209472194055},{"timestamp":188074164.552,"progress":97.61209472194055},{"timestamp":188074182.008,"progress":97.61209472194055},{"timestamp":188074198.659,"progress":97.61209472194055},{"timestamp":188074215.5,"progress":97.61209472194055},{"timestamp":188074232.172,"progress":97.61209472194055},{"timestamp":188074248.805,"progress":100}]}},"scoringMode":"numeric","name":"speed-index-metric","category":"Performance","description":"Perceptual Speed Index","helpText":"Speed Index shows how quickly the contents of a page are visibly populated. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/speed-index)."},"screenshot-thumbnails":{"score":100,"displayValue":"true","rawValue":true,"scoringMode":"binary","informative":true,"name":"screenshot-thumbnails","category":"Images","description":"Screenshot Thumbnails","helpText":"This is what the load of your site looked like.","details":{"type":"filmstrip","scale":1944.773,"items":[{"timing":194,"timestamp":188072751794.3,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":389,"timestamp":188072946271.6,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":583,"timestamp":188073140748.9,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":778,"timestamp":188073335226.2,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":972,"timestamp":188073529703.5,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":1167,"timestamp":188073724180.8,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":1361,"timestamp":188073918658.1,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":1556,"timestamp":188074113135.4,"data":"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"},{"timing":1750,"timestamp":188074307612.7,"data":"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"},{"timing":1945,"timestamp":188074502090,"data":"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"}]}},"estimated-input-latency":{"score":100,"displayValue":"16 ms","rawValue":16,"optimalValue":"\u003c 50 ms","extendedInfo":{"value":[{"percentile":0.5,"time":16},{"percentile":0.75,"time":16},{"percentile":0.9,"time":16},{"percentile":0.99,"time":44.63727000010476},{"percentile":1,"time":130.56200000000536}],"formatter":"null"},"scoringMode":"numeric","name":"estimated-input-latency","category":"Performance","description":"Estimated Input Latency","helpText":"The score above is an estimate of how long your app takes to respond to user input, in milliseconds. There is a 90% probability that a user encounters this amount of latency, or less. 10% of the time a user can expect additional latency. If your score is higher than Lighthouse's target score, users may perceive your app as laggy. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/estimated-input-latency)."},"first-interactive":{"score":98,"displayValue":"1,940 ms","rawValue":1944.773,"extendedInfo":{"value":{"timeInMs":1944.773,"timestamp":188074502090},"formatter":"null"},"scoringMode":"numeric","name":"first-interactive","category":"Performance","description":"First Interactive (beta)","helpText":"The first point at which necessary scripts of the page have loaded and the CPU is idle enough to handle most user input."},"consistently-interactive":{"score":98,"displayValue":"1,940 ms","rawValue":1944.773,"extendedInfo":{"value":{"cpuQuietPeriod":{"start":188074502.09,"end":188082036.214},"networkQuietPeriod":{"start":188074503.845,"end":188082036.214},"cpuQuietPeriods":[{"start":188074502.09,"end":188082036.214}],"networkQuietPeriods":[{"start":188074503.845,"end":188082036.214}],"timestamp":188074502090,"timeInMs":1944.773},"formatter":"null"},"scoringMode":"numeric","name":"consistently-interactive","category":"Performance","description":"Consistently Interactive (beta)","helpText":"The point at which most network resources have finished loading and the CPU is idle for a prolonged period."},"user-timings":{"score":true,"displayValue":"0","rawValue":true,"extendedInfo":{"formatter":"user-timings","value":[]},"scoringMode":"binary","informative":true,"name":"user-timings","category":"Performance","description":"User Timing marks and measures","helpText":"Consider instrumenting your app with the User Timing API to create custom, real-world measurements of key user experiences. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/user-timing).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"text","text":"Name"},{"type":"text","itemType":"text","text":"Type"},{"type":"text","itemType":"text","text":"Time"}],"items":[]}},"critical-request-chains":{"score":false,"displayValue":"5","rawValue":false,"optimalValue":0,"extendedInfo":{"formatter":"critical-request-chains","value":{"chains":{"20393.1":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/top","startTime":188072.562353,"endTime":188073.192562,"responseReceivedTime":188073.128359,"transferSize":12133},"children":{"20393.2":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/manifest.01641f99b1b9c4bd8e27.js","startTime":188073.200446,"endTime":188073.781013,"responseReceivedTime":188073.779733,"transferSize":1186},"children":{}},"20393.3":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js","startTime":188073.200673,"endTime":188074.384664,"responseReceivedTime":188073.787552,"transferSize":91346},"children":{}},"20393.4":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js","startTime":188073.200926,"endTime":188073.931025,"responseReceivedTime":188073.795319,"transferSize":10076},"children":{}},"20393.5":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js","startTime":188073.201087,"endTime":188073.835954,"responseReceivedTime":188073.803521,"transferSize":2410},"children":{}},"20393.6":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js","startTime":188073.20123,"endTime":188073.843599,"responseReceivedTime":188073.812035,"transferSize":2873},"children":{}}}}},"longestChain":{"duration":1822.3110000253655,"length":2,"transferSize":91346}}},"scoringMode":"binary","informative":true,"name":"critical-request-chains","category":"Performance","description":"Critical Request Chains","helpText":"The Critical Request Chains below show you what resources are required for first render of this page. Improve page load by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/critical-request-chains).","details":{"type":"criticalrequestchain","header":{"type":"text","text":"View critical network waterfall:"},"chains":{"20393.1":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/top","startTime":188072.562353,"endTime":188073.192562,"responseReceivedTime":188073.128359,"transferSize":12133},"children":{"20393.2":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/manifest.01641f99b1b9c4bd8e27.js","startTime":188073.200446,"endTime":188073.781013,"responseReceivedTime":188073.779733,"transferSize":1186},"children":{}},"20393.3":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js","startTime":188073.200673,"endTime":188074.384664,"responseReceivedTime":188073.787552,"transferSize":91346},"children":{}},"20393.4":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js","startTime":188073.200926,"endTime":188073.931025,"responseReceivedTime":188073.795319,"transferSize":10076},"children":{}},"20393.5":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js","startTime":188073.201087,"endTime":188073.835954,"responseReceivedTime":188073.803521,"transferSize":2410},"children":{}},"20393.6":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js","startTime":188073.20123,"endTime":188073.843599,"responseReceivedTime":188073.812035,"transferSize":2873},"children":{}}}}},"longestChain":{"duration":1822.3110000253655,"length":2,"transferSize":91346}}},"webapp-install-banner":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"value":{"failures":[],"manifestValues":{"isParseFailure":false,"allChecks":[{"id":"hasStartUrl","failureText":"Manifest does not contain a `start_url`","passing":true},{"id":"hasIconsAtLeast192px","failureText":"Manifest does not have icons at least 192px","passing":true},{"id":"hasIconsAtLeast512px","failureText":"Manifest does not have icons at least 512px","passing":true},{"id":"hasPWADisplayValue","failureText":"Manifest's `display` value is not one of: minimal-ui | fullscreen | standalone","passing":true},{"id":"hasBackgroundColor","failureText":"Manifest does not have `background_color`","passing":true},{"id":"hasThemeColor","failureText":"Manifest does not have `theme_color`","passing":true},{"id":"hasShortName","failureText":"Manifest does not have `short_name`","passing":true},{"id":"shortNameLength","failureText":"Manifest `short_name` will be truncated when displayed on the homescreen","passing":true},{"id":"hasName","failureText":"Manifest does not have `name`","passing":true}]}},"formatter":"null"},"scoringMode":"binary","name":"webapp-install-banner","category":"PWA","description":"User can be prompted to Install the Web App","helpText":"While users can manually add your site to their homescreen, the [prompt (aka app install banner)](https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/) will proactively prompt the user to install the app if the various requirements are met and the user has moderate engagement with your site."},"splash-screen":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"value":{"failures":[],"manifestValues":{"isParseFailure":false,"allChecks":[{"id":"hasStartUrl","failureText":"Manifest does not contain a `start_url`","passing":true},{"id":"hasIconsAtLeast192px","failureText":"Manifest does not have icons at least 192px","passing":true},{"id":"hasIconsAtLeast512px","failureText":"Manifest does not have icons at least 512px","passing":true},{"id":"hasPWADisplayValue","failureText":"Manifest's `display` value is not one of: minimal-ui | fullscreen | standalone","passing":true},{"id":"hasBackgroundColor","failureText":"Manifest does not have `background_color`","passing":true},{"id":"hasThemeColor","failureText":"Manifest does not have `theme_color`","passing":true},{"id":"hasShortName","failureText":"Manifest does not have `short_name`","passing":true},{"id":"shortNameLength","failureText":"Manifest `short_name` will be truncated when displayed on the homescreen","passing":true},{"id":"hasName","failureText":"Manifest does not have `name`","passing":true}]}},"formatter":"null"},"scoringMode":"binary","name":"splash-screen","category":"PWA","description":"Configured for a custom splash screen","helpText":"A default splash screen will be constructed for your app, but satisfying these requirements guarantee a high-quality [splash screen](https://developers.google.com/web/updates/2015/10/splashscreen) that transitions the user from tapping the home screen icon to your app's first paint"},"themed-omnibox":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"value":{"failures":[],"manifestValues":{"isParseFailure":false,"allChecks":[{"id":"hasStartUrl","failureText":"Manifest does not contain a `start_url`","passing":true},{"id":"hasIconsAtLeast192px","failureText":"Manifest does not have icons at least 192px","passing":true},{"id":"hasIconsAtLeast512px","failureText":"Manifest does not have icons at least 512px","passing":true},{"id":"hasPWADisplayValue","failureText":"Manifest's `display` value is not one of: minimal-ui | fullscreen | standalone","passing":true},{"id":"hasBackgroundColor","failureText":"Manifest does not have `background_color`","passing":true},{"id":"hasThemeColor","failureText":"Manifest does not have `theme_color`","passing":true},{"id":"hasShortName","failureText":"Manifest does not have `short_name`","passing":true},{"id":"shortNameLength","failureText":"Manifest `short_name` will be truncated when displayed on the homescreen","passing":true},{"id":"hasName","failureText":"Manifest does not have `name`","passing":true}]},"themeColor":"#2B8358"},"formatter":"null"},"scoringMode":"binary","name":"themed-omnibox","category":"PWA","description":"Address bar matches brand colors","helpText":"The browser address bar can be themed to match your site. A `theme-color` [meta tag](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android) will upgrade the address bar when a user browses the site, and the [manifest theme-color](https://developers.google.com/web/updates/2015/08/using-manifest-to-set-sitewide-theme-color) will apply the same theme site-wide once it's been added to homescreen."},"manifest-short-name-length":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"manifest-short-name-length","category":"Manifest","description":"Manifest's `short_name` won't be truncated when displayed on homescreen","helpText":"Make your app's `short_name` less than 12 characters to ensure that it's not truncated on homescreens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/manifest-short_name-is-not-truncated)."},"content-width":{"score":true,"displayValue":"","rawValue":true,"debugString":"","scoringMode":"binary","name":"content-width","category":"Mobile Friendly","description":"Content is sized correctly for the viewport","helpText":"If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/content-sized-correctly-for-viewport)."},"deprecations":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"deprecations","category":"Deprecations","description":"Avoids deprecated APIs","helpText":"Deprecated APIs will eventually be removed from the browser. [Learn more](https://www.chromestatus.com/features#deprecated).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"code","text":"Deprecation / Warning"},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Line"}],"items":[]}},"pwa-cross-browser":{"score":false,"displayValue":"","rawValue":false,"scoringMode":"binary","informative":true,"manual":true,"name":"pwa-cross-browser","category":"PWA","description":"Site works cross-browser","helpText":"To reach the most number of users, sites should work across every major browser. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#site-works-cross-browser)."},"pwa-page-transitions":{"score":false,"displayValue":"","rawValue":false,"scoringMode":"binary","informative":true,"manual":true,"name":"pwa-page-transitions","category":"PWA","description":"Page transitions don't feel like they block on the network","helpText":"Transitions should feel snappy as you tap around, even on a slow network, a key to perceived performance. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#page-transitions-dont-feel-like-they-block-on-the-network)."},"pwa-each-page-has-url":{"score":false,"displayValue":"","rawValue":false,"scoringMode":"binary","informative":true,"manual":true,"name":"pwa-each-page-has-url","category":"PWA","description":"Each page has a URL","helpText":"Ensure individual pages are deep linkable via the URLs and that URLs are unique for the purpose of shareability on social media. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#each-page-has-a-url)."},"accesskeys":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"accesskeys","category":"Accessibility","description":"`[accesskey]` values are unique.","helpText":"Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more](https://dequeuniversity.com/rules/axe/1.1/accesskeys).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"aria-allowed-attr":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-allowed-attr","category":"Accessibility","description":"`[aria-*]` attributes match their roles.","helpText":"Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/aria-allowed-attributes).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"aria-required-attr":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-required-attr","category":"Accessibility","description":"`[role]`s have all required `[aria-*]` attributes.","helpText":"Some ARIA roles have required attributes that describe the state of the element to screen readers. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/required-aria-attributes).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"aria-required-children":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-required-children","category":"Accessibility","description":"`[role]`s that require child `[role]`s contain them.","helpText":"Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/axe/1.1/aria-required-children).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"aria-required-parent":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-required-parent","category":"Accessibility","description":"`[role]`s are contained by their required parent element.","helpText":"Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/worldspace/2.1/aria-required-parent).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"aria-roles":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-roles","category":"Accessibility","description":"`[role]` values are valid.","helpText":"ARIA roles must have valid values in order to perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/axe/1.1/aria-roles).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"aria-valid-attr-value":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-valid-attr-value","category":"Accessibility","description":"`[aria-*]` attributes have valid values.","helpText":"Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/valid-aria-values).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"aria-valid-attr":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-valid-attr","category":"Accessibility","description":"`[aria-*]` attributes are valid and not misspelled.","helpText":"Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/valid-aria-attributes).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"audio-caption":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"audio-caption","category":"Accessibility","description":"`\u003caudio>` elements contain a `\u003ctrack>` element with `[kind=\"captions\"]`.","helpText":"Captions make audio elements usable for deaf or hearing-impaired users, providing critical information such as who is talking, what they're saying, and other non-speech information. [Learn more](https://dequeuniversity.com/rules/axe/1.1/audio-caption).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"button-name":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"button-name","category":"Accessibility","description":"Buttons have an accessible name.","helpText":"When a button doesn't have an accessible name, screen readers announce it as \"button\", making it unusable for users who rely on screen readers. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/button-name).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"bypass":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"bypass","category":"Accessibility","description":"The page contains a heading, skip link, or landmark region.","helpText":"Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more](https://dequeuniversity.com/rules/axe/1.1/bypass).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"color-contrast":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"color-contrast","category":"Accessibility","description":"Background and foreground colors have a sufficient contrast ratio.","helpText":"Low-contrast text is difficult or impossible for many users to read. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/contrast-ratio).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"definition-list":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"definition-list","category":"Accessibility","description":"`\u003cdl>`'s contain only properly-ordered `\u003cdt>` and `\u003cdd>` groups, `\u003cscript>` or \u003ctemplate> elements.","helpText":"When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. [Learn more](https://dequeuniversity.com/rules/axe/1.1/definition-list).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"dlitem":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"dlitem","category":"Accessibility","description":"Definition list items are wrapped in `\u003cdl>` elements.","helpText":"Definition list items (`\u003cdt>` and `\u003cdd>`) must be wrapped in a parent `\u003cdl>` element to ensure that screen readers can properly announce them. [Learn more](https://dequeuniversity.com/rules/axe/1.1/dlitem).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"document-title":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"document-title","category":"Accessibility","description":"Document has a `\u003ctitle>` element.","helpText":"Screen reader users use page titles to get an overview of the contents of the page. [Learn more](https://dequeuniversity.com/rules/axe/1.1/document-title).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"duplicate-id":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"duplicate-id","category":"Accessibility","description":"`[id]` attributes on the page are unique.","helpText":"The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/1.1/duplicate-id).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"frame-title":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"frame-title","category":"Accessibility","description":"`\u003cframe>` or `\u003ciframe>` elements have a title.","helpText":"Screen reader users rely on frame titles to describe the contents of frames. [Learn more](https://dequeuniversity.com/rules/axe/1.1/frame-title).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"html-has-lang":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"html-has-lang","category":"Accessibility","description":"`\u003chtml>` element has a `[lang]` attribute.","helpText":"If a page doesn't specify a lang attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page isn't actually in the default language, then the screen reader might not announce the page's text correctly. [Learn more](https://dequeuniversity.com/rules/axe/1.1/html-lang).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"html-lang-valid":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"html-lang-valid","category":"Accessibility","description":"`\u003chtml>` element has a valid value for its `[lang]` attribute.","helpText":"Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) helps screen readers announce text properly. [Learn more](https://dequeuniversity.com/rules/axe/1.1/valid-lang).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"image-alt":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"image-alt","category":"Accessibility","description":"Image elements have `[alt]` attributes.","helpText":"Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute.[Learn more](https://developers.google.com/web/tools/lighthouse/audits/alt-attribute).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"input-image-alt":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"input-image-alt","category":"Accessibility","description":"`\u003cinput type=\"image\">` elements have `[alt]` text.","helpText":"When an image is being used as an `\u003cinput>` button, providing alternative text can help screen reader users understand the purpose of the button. [Learn more](https://dequeuniversity.com/rules/axe/1.1/input-image-alt).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"label":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"label","category":"Accessibility","description":"Form elements have associated labels.","helpText":"Labels ensure that form controls are announced properly by assistive technologies, like screen readers. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/form-labels).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"layout-table":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"layout-table","category":"Accessibility","description":"Presentational `\u003ctable>` elements avoid using `\u003cth>`, `\u003ccaption>` or the `[summary]` attribute.","helpText":"A table being used for layout purposes should not include data elements, such as the th or caption elements or the summary attribute, because this can create a confusing experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/axe/1.1/layout-table).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"link-name":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"link-name","category":"Accessibility","description":"Links have a discernable name.","helpText":"Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/axe/1.1/link-name).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"list":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"list","category":"Accessibility","description":"Lists contain only `\u003cli>` elements and script supporting elements (`\u003cscript>` and `\u003ctemplate>`).","helpText":"Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. [Learn more](https://dequeuniversity.com/rules/axe/1.1/list).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"listitem":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"listitem","category":"Accessibility","description":"List items (`\u003cli>`) are contained within `\u003cul>` or `\u003col>` parent elements.","helpText":"Screen readers require list items (`\u003cli>`) to be contained within a parent `\u003cul>` or `\u003col>` to be announced properly. [Learn more](https://dequeuniversity.com/rules/axe/1.1/listitem).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"meta-refresh":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"meta-refresh","category":"Accessibility","description":"The document does not use `\u003cmeta http-equiv=\"refresh\">`.","helpText":"Users do not expect a page to refresh automatically, and doing so will move focus back to the top of the page. This may create a frustrating or confusing experience. [Learn more](https://dequeuniversity.com/rules/axe/1.1/meta-refresh).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"meta-viewport":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"meta-viewport","category":"Accessibility","description":"`[user-scalable=\"no\"]` is not used in the `\u003cmeta name=\"viewport\">` element and the `[maximum-scale]` attribute is not less than 5.","helpText":"Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. [Learn more](https://dequeuniversity.com/rules/axe/1.1/meta-viewport).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"object-alt":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"object-alt","category":"Accessibility","description":"`\u003cobject>` elements have `[alt]` text.","helpText":"Screen readers cannot translate non-text content. Adding alt text to `\u003cobject>` elements helps screen readers convey meaning to users. [Learn more](https://dequeuniversity.com/rules/axe/1.1/object-alt).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"tabindex":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"tabindex","category":"Accessibility","description":"No element has a `[tabindex]` value greater than 0.","helpText":"A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/tabindex).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"td-headers-attr":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"td-headers-attr","category":"Accessibility","description":"Cells in a `\u003ctable>` element that use the `[headers]` attribute only refer to other cells of that same table.","helpText":"Screen readers have features to make navigating tables easier. Ensuring `\u003ctd>` cells using the `[headers]` attribute only refer to other cells in the same table may improve the experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/worldspace/2.1/td-headers-attr).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"th-has-data-cells":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"th-has-data-cells","category":"Accessibility","description":"`\u003cth>` elements and elements with `[role=\"columnheader\"/\"rowheader\"]` have data cells they describe.","helpText":"Screen readers have features to make navigating tables easier. Ensuring table headers always refer to some set of cells may improve the experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/worldspace/2.1/th-has-data-cells).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"valid-lang":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"valid-lang","category":"Accessibility","description":"`[lang]` attributes have a valid value.","helpText":"Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) on elements helps ensure that text is pronounced correctly by a screen reader. [Learn more](https://dequeuniversity.com/rules/axe/1.1/valid-lang).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"video-caption":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"video-caption","category":"Accessibility","description":"`\u003cvideo>` elements contain a `\u003ctrack>` element with `[kind=\"captions\"]`.","helpText":"When a video provides a caption it is easier for deaf and hearing impaired users to access its information. [Learn more](https://dequeuniversity.com/rules/axe/1.1/video-caption).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"video-description":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"video-description","category":"Accessibility","description":"`\u003cvideo>` elements contain a `\u003ctrack>` element with `[kind=\"description\"]`.","helpText":"Audio descriptions provide relevant information for videos that dialogue cannot, such as facial expressions and scenes. [Learn more](https://dequeuniversity.com/rules/axe/1.1/video-description).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"total-byte-weight":{"score":100,"displayValue":"Total size was 133 KB","rawValue":136258,"optimalValue":"\u003c 1,600 KB","extendedInfo":{"formatter":"table","value":{"results":[{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js","totalBytes":91346,"totalKb":"89 KB","totalMs":"460ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/top","totalBytes":12133,"totalKb":"12 KB","totalMs":"60ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js","totalBytes":10076,"totalKb":"10 KB","totalMs":"50ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/5.nuxt.bundle.bf702aac99b93dac10b1.js","totalBytes":3009,"totalKb":"3 KB","totalMs":"20ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js","totalBytes":2873,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/4.nuxt.bundle.dcb8917608707125cc4c.js","totalBytes":2873,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/3.nuxt.bundle.0dc41440799ee756a10e.js","totalBytes":2871,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/2.nuxt.bundle.f3d2867cefeaeca1d831.js","totalBytes":2866,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/1.nuxt.bundle.569def415e3bf185d1dd.js","totalBytes":2863,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js","totalBytes":2410,"totalKb":"2 KB","totalMs":"10ms"}],"tableHeadings":{"url":"URL","totalKb":"Total Size","totalMs":"Transfer Time"}}},"scoringMode":"numeric","name":"total-byte-weight","category":"Network","description":"Avoids enormous network payloads","helpText":"Network transfer size [costs users real money](https://whatdoesmysitecost.com/) and is [highly correlated](http://httparchive.org/interesting.php#onLoad) with long load times. Try to find ways to reduce the size of required files.","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Total Size"},{"type":"text","itemType":"text","text":"Transfer Time"}],"items":[[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js"},{"type":"text","text":"89 KB"},{"type":"text","text":"460ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/top"},{"type":"text","text":"12 KB"},{"type":"text","text":"60ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js"},{"type":"text","text":"10 KB"},{"type":"text","text":"50ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/5.nuxt.bundle.bf702aac99b93dac10b1.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"20ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/4.nuxt.bundle.dcb8917608707125cc4c.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/3.nuxt.bundle.0dc41440799ee756a10e.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/2.nuxt.bundle.f3d2867cefeaeca1d831.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/1.nuxt.bundle.569def415e3bf185d1dd.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js"},{"type":"text","text":"2 KB"},{"type":"text","text":"10ms"}]]}},"offscreen-images":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"preview":"","url":"URL","totalKb":"Original","potentialSavings":"Potential Savings"}}},"scoringMode":"binary","informative":true,"name":"offscreen-images","category":"Images","description":"Offscreen images","helpText":"Consider lazy-loading offscreen images to improve page load speed and time to interactive. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/offscreen-images).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"thumbnail","text":""},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"Potential Savings"}],"items":[]}},"uses-webp-images":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"preview":"","url":"URL","totalKb":"Original","potentialSavings":"Potential Savings"}}},"scoringMode":"binary","informative":true,"name":"uses-webp-images","category":"Images","description":"Serve images as WebP","helpText":"[WebP](https://developers.google.com/speed/webp/) images take less time to download and save cellular data. [Learn more about image optimization](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"thumbnail","text":""},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"Potential Savings"}],"items":[]}},"uses-optimized-images":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"preview":"","url":"URL","totalKb":"Original","potentialSavings":"Potential Savings"}}},"scoringMode":"binary","informative":true,"name":"uses-optimized-images","category":"Images","description":"Optimize images","helpText":"Optimized images take less time to download and save cellular data. The identified images could have smaller file sizes when compressed as JPEG (q=85). [Learn more about image optimization](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"thumbnail","text":""},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"Potential Savings"}],"items":[]}},"uses-request-compression":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"url":"Uncompressed resource URL","totalKb":"Original","potentialSavings":"GZIP Savings"}}},"scoringMode":"binary","informative":true,"name":"uses-request-compression","category":"Performance","description":"Enable text compression","helpText":"Text-based responses should be served with compression (gzip, deflate or brotli) to minimize total network bytes. [Learn more](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"Uncompressed resource URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"GZIP Savings"}],"items":[]}},"uses-responsive-images":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"preview":"","url":"URL","totalKb":"Original","potentialSavings":"Potential Savings"}}},"scoringMode":"binary","informative":true,"name":"uses-responsive-images","category":"Images","description":"Properly size images","helpText":"Serve images that are appropriately-sized to save cellular data and improve load time. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/oversized-images).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"thumbnail","text":""},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"Potential Savings"}],"items":[]}},"appcache-manifest":{"score":true,"displayValue":"","rawValue":true,"debugString":"","scoringMode":"binary","name":"appcache-manifest","category":"Offline","description":"Avoids Application Cache","helpText":"Application Cache has been [deprecated](https://html.spec.whatwg.org/multipage/browsers.html#offline) by [Service Workers](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers). Consider implementing an offline solution using the [Cache Storage API](https://developer.mozilla.org/en-US/docs/Web/API/Cache)."},"dom-size":{"score":100,"displayValue":"303 nodes","rawValue":303,"optimalValue":"\u003c 1,500 nodes","extendedInfo":{"formatter":"cards","value":[{"title":"Total DOM Nodes","value":"303","target":"\u003c 1,500 nodes"},{"title":"DOM Depth","value":"11","snippet":"html >\n body >\n div#__nuxt >\n div#app >\n div.news-view.view >\n div.news-list >\n ul >\n li.news-item >\n span.meta >\n span.by >\n a","target":"\u003c 32"},{"title":"Maximum Children","value":"31","snippet":"Element with most children:\nhead","target":"\u003c 60 nodes"}]},"scoringMode":"numeric","name":"dom-size","category":"Performance","description":"Avoids an excessive DOM size","helpText":"Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth \u003c 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer [style calculations](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations), and produce costly [layout reflows](https://developers.google.com/speed/articles/reflow). [Learn more](https://developers.google.com/web/fundamentals/performance/rendering/).","details":{"type":"cards","header":{"type":"text","text":"View details"},"items":[{"title":"Total DOM Nodes","value":"303","target":"\u003c 1,500 nodes"},{"title":"DOM Depth","value":"11","snippet":"html >\n body >\n div#__nuxt >\n div#app >\n div.news-view.view >\n div.news-list >\n ul >\n li.news-item >\n span.meta >\n span.by >\n a","target":"\u003c 32"},{"title":"Maximum Children","value":"31","snippet":"Element with most children:\nhead","target":"\u003c 60 nodes"}]}},"external-anchors-use-rel-noopener":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"external-anchors-use-rel-noopener","category":"Performance","description":"Opens external anchors using `rel=\"noopener\"`","helpText":"Open new tabs using `rel=\"noopener\"` to improve performance and prevent security vulnerabilities. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/noopener).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Target"},{"type":"text","itemType":"text","text":"Rel"}],"items":[]}},"geolocation-on-start":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"geolocation-on-start","category":"UX","description":"Avoids requesting the geolocation permission on page load","helpText":"Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/geolocation-on-load).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Location"}],"items":[]}},"link-blocking-first-paint":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"results":[],"tableHeadings":{"url":"URL","totalKb":"Size (KB)","totalMs":"Delayed Paint By (ms)"}}},"scoringMode":"binary","informative":true,"name":"link-blocking-first-paint","category":"Performance","description":"Reduce render-blocking stylesheets","helpText":"Link elements are blocking the first paint of your page. Consider inlining critical links and deferring non-critical ones. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/blocking-resources).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Size (KB)"},{"type":"text","itemType":"text","text":"Delayed Paint By (ms)"}],"items":[]}},"no-document-write":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"no-document-write","category":"Performance","description":"Avoids `document.write()`","helpText":"For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/document-write).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Location"}],"items":[]}},"no-mutation-events":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"table","value":{"results":[],"tableHeadings":{"url":"URL","lineCol":"Line/Col","type":"Event","code":"Snippet"}}},"scoringMode":"binary","name":"no-mutation-events","category":"JavaScript","description":"Avoids Mutation Events in its own scripts","helpText":"Mutation Events are deprecated and harm performance. Consider using Mutation Observers instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/mutation-events).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"code","text":"Event"},{"type":"text","itemType":"text","text":"Line"},{"type":"text","itemType":"text","text":"Col"},{"type":"text","itemType":"code","text":"Snippet"}],"items":[]}},"no-websql":{"score":true,"displayValue":"","rawValue":true,"debugString":"","scoringMode":"binary","name":"no-websql","category":"Offline","description":"Avoids WebSQL DB","helpText":"Web SQL is deprecated. Consider using IndexedDB instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/web-sql)."},"notification-on-start":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"notification-on-start","category":"UX","description":"Avoids requesting the notification permission on page load","helpText":"Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/notifications-on-load).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Location"}],"items":[]}},"password-inputs-can-be-pasted-into":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"value":[]},"scoringMode":"binary","name":"password-inputs-can-be-pasted-into","category":"UX","description":"Allows to paste into password input fields","helpText":"","details":{"type":"list","header":{"type":"text","text":"Password inputs that prevent pasting into"},"items":[]}},"script-blocking-first-paint":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"results":[],"tableHeadings":{"url":"URL","totalKb":"Size (KB)","totalMs":"Delayed Paint By (ms)"}}},"scoringMode":"binary","informative":true,"name":"script-blocking-first-paint","category":"Performance","description":"Reduce render-blocking scripts","helpText":"Script elements are blocking the first paint of your page. Consider inlining critical scripts and deferring non-critical ones. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/blocking-resources).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Size (KB)"},{"type":"text","itemType":"text","text":"Delayed Paint By (ms)"}],"items":[]}},"uses-http2":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"table","value":{"results":[],"tableHeadings":{"url":"URL","protocol":"Protocol"}}},"scoringMode":"binary","name":"uses-http2","category":"Performance","description":"Uses HTTP/2 for its own resources","helpText":"HTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http2).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Protocol"}],"items":[]}},"uses-passive-event-listeners":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"uses-passive-event-listeners","category":"JavaScript","description":"Uses passive listeners to improve scrolling performance","helpText":"Consider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Location"}],"items":[]}}},"runtimeConfig":{"environment":[{"name":"Device Emulation","enabled":true,"description":"Nexus 5X"},{"name":"Network Throttling","enabled":true,"description":"562.5ms RTT, 1.4Mbps down, 0.7Mbps up"},{"name":"CPU Throttling","enabled":true,"description":"4x slowdown"}],"blockedUrlPatterns":[]},"score":100,"reportCategories":[{"name":"Progressive Web App","weight":1,"description":"These audits validate the aspects of a Progressive Web App, as specified by the baseline [PWA Checklist](https://developers.google.com/web/progressive-web-apps/checklist).","audits":[{"id":"service-worker","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"service-worker","category":"Offline","description":"Registers a Service Worker","helpText":"The service worker is the technology that enables your app to use many Progressive Web App features, such as offline, add to homescreen, and push notifications. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/registered-service-worker)."},"score":100},{"id":"works-offline","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"works-offline","category":"Offline","description":"Responds with a 200 when offline","helpText":"If you're building a Progressive Web App, consider using a service worker so that your app can work offline. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http-200-when-offline)."},"score":100},{"id":"without-javascript","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"without-javascript","category":"JavaScript","description":"Contains some content when JavaScript is not available","helpText":"Your app should display some content when JavaScript is disabled, even if it's just a warning to the user that JavaScript is required to use the app. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/no-js)."},"score":100},{"id":"is-on-https","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"is-on-https","category":"Security","description":"Uses HTTPS","helpText":"All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/https).","details":{"type":"list","header":{"type":"text","text":"Insecure URLs:"},"items":[]}},"score":100},{"id":"redirects-http","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"redirects-http","category":"Security","description":"Redirects HTTP traffic to HTTPS","helpText":"If you've already set up HTTPS, make sure that you redirect all HTTP traffic to HTTPS. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http-redirects-to-https)."},"score":100},{"id":"load-fast-enough-for-pwa","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"null","value":{"areLatenciesAll3G":true,"firstRequestLatencies":[{"url":"https://hackernews-ecvrcpossc.now.sh/top","latency":"564.84"}],"isFast":true,"timeToFirstInteractive":1944.773}},"scoringMode":"binary","name":"load-fast-enough-for-pwa","category":"PWA","description":"Page load is fast enough on 3G","helpText":"Satisfied if First Interactive is less than 10 seconds, as defined by the [PWA Baseline Checklist](https://developers.google.com/web/progressive-web-apps/checklist). Network throttling is required (specifically: RTT latencies >= 150 RTT are expected)."},"score":100},{"id":"webapp-install-banner","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"value":{"failures":[],"manifestValues":{"isParseFailure":false,"allChecks":[{"id":"hasStartUrl","failureText":"Manifest does not contain a `start_url`","passing":true},{"id":"hasIconsAtLeast192px","failureText":"Manifest does not have icons at least 192px","passing":true},{"id":"hasIconsAtLeast512px","failureText":"Manifest does not have icons at least 512px","passing":true},{"id":"hasPWADisplayValue","failureText":"Manifest's `display` value is not one of: minimal-ui | fullscreen | standalone","passing":true},{"id":"hasBackgroundColor","failureText":"Manifest does not have `background_color`","passing":true},{"id":"hasThemeColor","failureText":"Manifest does not have `theme_color`","passing":true},{"id":"hasShortName","failureText":"Manifest does not have `short_name`","passing":true},{"id":"shortNameLength","failureText":"Manifest `short_name` will be truncated when displayed on the homescreen","passing":true},{"id":"hasName","failureText":"Manifest does not have `name`","passing":true}]}},"formatter":"null"},"scoringMode":"binary","name":"webapp-install-banner","category":"PWA","description":"User can be prompted to Install the Web App","helpText":"While users can manually add your site to their homescreen, the [prompt (aka app install banner)](https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/) will proactively prompt the user to install the app if the various requirements are met and the user has moderate engagement with your site."},"score":100},{"id":"splash-screen","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"value":{"failures":[],"manifestValues":{"isParseFailure":false,"allChecks":[{"id":"hasStartUrl","failureText":"Manifest does not contain a `start_url`","passing":true},{"id":"hasIconsAtLeast192px","failureText":"Manifest does not have icons at least 192px","passing":true},{"id":"hasIconsAtLeast512px","failureText":"Manifest does not have icons at least 512px","passing":true},{"id":"hasPWADisplayValue","failureText":"Manifest's `display` value is not one of: minimal-ui | fullscreen | standalone","passing":true},{"id":"hasBackgroundColor","failureText":"Manifest does not have `background_color`","passing":true},{"id":"hasThemeColor","failureText":"Manifest does not have `theme_color`","passing":true},{"id":"hasShortName","failureText":"Manifest does not have `short_name`","passing":true},{"id":"shortNameLength","failureText":"Manifest `short_name` will be truncated when displayed on the homescreen","passing":true},{"id":"hasName","failureText":"Manifest does not have `name`","passing":true}]}},"formatter":"null"},"scoringMode":"binary","name":"splash-screen","category":"PWA","description":"Configured for a custom splash screen","helpText":"A default splash screen will be constructed for your app, but satisfying these requirements guarantee a high-quality [splash screen](https://developers.google.com/web/updates/2015/10/splashscreen) that transitions the user from tapping the home screen icon to your app's first paint"},"score":100},{"id":"themed-omnibox","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"value":{"failures":[],"manifestValues":{"isParseFailure":false,"allChecks":[{"id":"hasStartUrl","failureText":"Manifest does not contain a `start_url`","passing":true},{"id":"hasIconsAtLeast192px","failureText":"Manifest does not have icons at least 192px","passing":true},{"id":"hasIconsAtLeast512px","failureText":"Manifest does not have icons at least 512px","passing":true},{"id":"hasPWADisplayValue","failureText":"Manifest's `display` value is not one of: minimal-ui | fullscreen | standalone","passing":true},{"id":"hasBackgroundColor","failureText":"Manifest does not have `background_color`","passing":true},{"id":"hasThemeColor","failureText":"Manifest does not have `theme_color`","passing":true},{"id":"hasShortName","failureText":"Manifest does not have `short_name`","passing":true},{"id":"shortNameLength","failureText":"Manifest `short_name` will be truncated when displayed on the homescreen","passing":true},{"id":"hasName","failureText":"Manifest does not have `name`","passing":true}]},"themeColor":"#2B8358"},"formatter":"null"},"scoringMode":"binary","name":"themed-omnibox","category":"PWA","description":"Address bar matches brand colors","helpText":"The browser address bar can be themed to match your site. A `theme-color` [meta tag](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android) will upgrade the address bar when a user browses the site, and the [manifest theme-color](https://developers.google.com/web/updates/2015/08/using-manifest-to-set-sitewide-theme-color) will apply the same theme site-wide once it's been added to homescreen."},"score":100},{"id":"viewport","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"debugString":"","scoringMode":"binary","name":"viewport","category":"Mobile Friendly","description":"Has a `\u003cmeta name=\"viewport\">` tag with `width` or `initial-scale`","helpText":"Add a viewport meta tag to optimize your app for mobile screens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/has-viewport-meta-tag)."},"score":100},{"id":"content-width","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"debugString":"","scoringMode":"binary","name":"content-width","category":"Mobile Friendly","description":"Content is sized correctly for the viewport","helpText":"If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/content-sized-correctly-for-viewport)."},"score":100},{"id":"pwa-cross-browser","weight":0,"group":"manual-pwa-checks","result":{"score":false,"displayValue":"","rawValue":false,"scoringMode":"binary","informative":true,"manual":true,"name":"pwa-cross-browser","category":"PWA","description":"Site works cross-browser","helpText":"To reach the most number of users, sites should work across every major browser. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#site-works-cross-browser)."},"score":0},{"id":"pwa-page-transitions","weight":0,"group":"manual-pwa-checks","result":{"score":false,"displayValue":"","rawValue":false,"scoringMode":"binary","informative":true,"manual":true,"name":"pwa-page-transitions","category":"PWA","description":"Page transitions don't feel like they block on the network","helpText":"Transitions should feel snappy as you tap around, even on a slow network, a key to perceived performance. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#page-transitions-dont-feel-like-they-block-on-the-network)."},"score":0},{"id":"pwa-each-page-has-url","weight":0,"group":"manual-pwa-checks","result":{"score":false,"displayValue":"","rawValue":false,"scoringMode":"binary","informative":true,"manual":true,"name":"pwa-each-page-has-url","category":"PWA","description":"Each page has a URL","helpText":"Ensure individual pages are deep linkable via the URLs and that URLs are unique for the purpose of shareability on social media. [Learn more](https://developers.google.com/web/progressive-web-apps/checklist#each-page-has-a-url)."},"score":0}],"id":"pwa","score":100},{"name":"Performance","description":"These encapsulate your app's performance.","audits":[{"id":"first-meaningful-paint","weight":5,"group":"perf-metric","result":{"score":100,"displayValue":"890 ms","rawValue":886.4,"optimalValue":"\u003c 1,600 ms","extendedInfo":{"value":{"timestamps":{"navStart":188072557317,"fCP":188073443733,"fMP":188073443741,"onLoad":188074501517,"endOfTrace":188082036214},"timings":{"navStart":0,"fCP":886.416,"fMP":886.424,"onLoad":1944.2,"endOfTrace":9478.897}},"formatter":"null"},"scoringMode":"numeric","name":"first-meaningful-paint","category":"Performance","description":"First meaningful paint","helpText":"First meaningful paint measures when the primary content of a page is visible. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint)."},"score":100},{"id":"first-interactive","weight":5,"group":"perf-metric","result":{"score":98,"displayValue":"1,940 ms","rawValue":1944.773,"extendedInfo":{"value":{"timeInMs":1944.773,"timestamp":188074502090},"formatter":"null"},"scoringMode":"numeric","name":"first-interactive","category":"Performance","description":"First Interactive (beta)","helpText":"The first point at which necessary scripts of the page have loaded and the CPU is idle enough to handle most user input."},"score":98},{"id":"consistently-interactive","weight":5,"group":"perf-metric","result":{"score":98,"displayValue":"1,940 ms","rawValue":1944.773,"extendedInfo":{"value":{"cpuQuietPeriod":{"start":188074502.09,"end":188082036.214},"networkQuietPeriod":{"start":188074503.845,"end":188082036.214},"cpuQuietPeriods":[{"start":188074502.09,"end":188082036.214}],"networkQuietPeriods":[{"start":188074503.845,"end":188082036.214}],"timestamp":188074502090,"timeInMs":1944.773},"formatter":"null"},"scoringMode":"numeric","name":"consistently-interactive","category":"Performance","description":"Consistently Interactive (beta)","helpText":"The point at which most network resources have finished loading and the CPU is idle for a prolonged period."},"score":98},{"id":"speed-index-metric","weight":1,"group":"perf-metric","result":{"score":97,"displayValue":"1402","rawValue":1402,"optimalValue":"\u003c 1,250","extendedInfo":{"formatter":"speedline","value":{"timings":{"firstVisualChange":1393,"visuallyReady":1393.9860000014305,"visuallyComplete":1691,"speedIndex":1399.9360400015116,"perceptualSpeedIndex":1402.497839570817},"timestamps":{"firstVisualChange":188073950317,"visuallyReady":188073951303,"visuallyComplete":188074248317,"speedIndex":188073957253.04,"perceptualSpeedIndex":188073959814.83957},"frames":[{"timestamp":188072557.317,"progress":0},{"timestamp":188073951.303,"progress":96.3514209337836},{"timestamp":188073981.378,"progress":96.58484647632277},{"timestamp":188073998.588,"progress":96.58484647632277},{"timestamp":188074015.6,"progress":96.79613777747369},{"timestamp":188074031.504,"progress":96.79613777747369},{"timestamp":188074047.776,"progress":96.79613777747369},{"timestamp":188074064.536,"progress":96.79613777747369},{"timestamp":188074081.603,"progress":96.79613777747369},{"timestamp":188074098.58,"progress":97.61209472194055},{"timestamp":188074115.071,"progress":97.61209472194055},{"timestamp":188074131.422,"progress":97.61209472194055},{"timestamp":188074148.617,"progress":97.61209472194055},{"timestamp":188074164.552,"progress":97.61209472194055},{"timestamp":188074182.008,"progress":97.61209472194055},{"timestamp":188074198.659,"progress":97.61209472194055},{"timestamp":188074215.5,"progress":97.61209472194055},{"timestamp":188074232.172,"progress":97.61209472194055},{"timestamp":188074248.805,"progress":100}]}},"scoringMode":"numeric","name":"speed-index-metric","category":"Performance","description":"Perceptual Speed Index","helpText":"Speed Index shows how quickly the contents of a page are visibly populated. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/speed-index)."},"score":97},{"id":"estimated-input-latency","weight":1,"group":"perf-metric","result":{"score":100,"displayValue":"16 ms","rawValue":16,"optimalValue":"\u003c 50 ms","extendedInfo":{"value":[{"percentile":0.5,"time":16},{"percentile":0.75,"time":16},{"percentile":0.9,"time":16},{"percentile":0.99,"time":44.63727000010476},{"percentile":1,"time":130.56200000000536}],"formatter":"null"},"scoringMode":"numeric","name":"estimated-input-latency","category":"Performance","description":"Estimated Input Latency","helpText":"The score above is an estimate of how long your app takes to respond to user input, in milliseconds. There is a 90% probability that a user encounters this amount of latency, or less. 10% of the time a user can expect additional latency. If your score is higher than Lighthouse's target score, users may perceive your app as laggy. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/estimated-input-latency)."},"score":100},{"id":"link-blocking-first-paint","weight":0,"group":"perf-hint","result":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"results":[],"tableHeadings":{"url":"URL","totalKb":"Size (KB)","totalMs":"Delayed Paint By (ms)"}}},"scoringMode":"binary","informative":true,"name":"link-blocking-first-paint","category":"Performance","description":"Reduce render-blocking stylesheets","helpText":"Link elements are blocking the first paint of your page. Consider inlining critical links and deferring non-critical ones. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/blocking-resources).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Size (KB)"},{"type":"text","itemType":"text","text":"Delayed Paint By (ms)"}],"items":[]}},"score":100},{"id":"script-blocking-first-paint","weight":0,"group":"perf-hint","result":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"results":[],"tableHeadings":{"url":"URL","totalKb":"Size (KB)","totalMs":"Delayed Paint By (ms)"}}},"scoringMode":"binary","informative":true,"name":"script-blocking-first-paint","category":"Performance","description":"Reduce render-blocking scripts","helpText":"Script elements are blocking the first paint of your page. Consider inlining critical scripts and deferring non-critical ones. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/blocking-resources).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Size (KB)"},{"type":"text","itemType":"text","text":"Delayed Paint By (ms)"}],"items":[]}},"score":100},{"id":"uses-responsive-images","weight":0,"group":"perf-hint","result":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"preview":"","url":"URL","totalKb":"Original","potentialSavings":"Potential Savings"}}},"scoringMode":"binary","informative":true,"name":"uses-responsive-images","category":"Images","description":"Properly size images","helpText":"Serve images that are appropriately-sized to save cellular data and improve load time. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/oversized-images).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"thumbnail","text":""},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"Potential Savings"}],"items":[]}},"score":100},{"id":"offscreen-images","weight":0,"group":"perf-hint","result":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"preview":"","url":"URL","totalKb":"Original","potentialSavings":"Potential Savings"}}},"scoringMode":"binary","informative":true,"name":"offscreen-images","category":"Images","description":"Offscreen images","helpText":"Consider lazy-loading offscreen images to improve page load speed and time to interactive. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/offscreen-images).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"thumbnail","text":""},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"Potential Savings"}],"items":[]}},"score":100},{"id":"uses-optimized-images","weight":0,"group":"perf-hint","result":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"preview":"","url":"URL","totalKb":"Original","potentialSavings":"Potential Savings"}}},"scoringMode":"binary","informative":true,"name":"uses-optimized-images","category":"Images","description":"Optimize images","helpText":"Optimized images take less time to download and save cellular data. The identified images could have smaller file sizes when compressed as JPEG (q=85). [Learn more about image optimization](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"thumbnail","text":""},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"Potential Savings"}],"items":[]}},"score":100},{"id":"uses-webp-images","weight":0,"group":"perf-hint","result":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"preview":"","url":"URL","totalKb":"Original","potentialSavings":"Potential Savings"}}},"scoringMode":"binary","informative":true,"name":"uses-webp-images","category":"Images","description":"Serve images as WebP","helpText":"[WebP](https://developers.google.com/speed/webp/) images take less time to download and save cellular data. [Learn more about image optimization](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"thumbnail","text":""},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"Potential Savings"}],"items":[]}},"score":100},{"id":"uses-request-compression","weight":0,"group":"perf-hint","result":{"score":100,"displayValue":"","rawValue":0,"extendedInfo":{"formatter":"table","value":{"wastedMs":0,"wastedKb":0,"results":[],"tableHeadings":{"url":"Uncompressed resource URL","totalKb":"Original","potentialSavings":"GZIP Savings"}}},"scoringMode":"binary","informative":true,"name":"uses-request-compression","category":"Performance","description":"Enable text compression","helpText":"Text-based responses should be served with compression (gzip, deflate or brotli) to minimize total network bytes. [Learn more](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"Uncompressed resource URL"},{"type":"text","itemType":"text","text":"Original"},{"type":"text","itemType":"text","text":"GZIP Savings"}],"items":[]}},"score":100},{"id":"total-byte-weight","weight":0,"group":"perf-info","result":{"score":100,"displayValue":"Total size was 133 KB","rawValue":136258,"optimalValue":"\u003c 1,600 KB","extendedInfo":{"formatter":"table","value":{"results":[{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js","totalBytes":91346,"totalKb":"89 KB","totalMs":"460ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/top","totalBytes":12133,"totalKb":"12 KB","totalMs":"60ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js","totalBytes":10076,"totalKb":"10 KB","totalMs":"50ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/5.nuxt.bundle.bf702aac99b93dac10b1.js","totalBytes":3009,"totalKb":"3 KB","totalMs":"20ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js","totalBytes":2873,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/4.nuxt.bundle.dcb8917608707125cc4c.js","totalBytes":2873,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/3.nuxt.bundle.0dc41440799ee756a10e.js","totalBytes":2871,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/2.nuxt.bundle.f3d2867cefeaeca1d831.js","totalBytes":2866,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/1.nuxt.bundle.569def415e3bf185d1dd.js","totalBytes":2863,"totalKb":"3 KB","totalMs":"10ms"},{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js","totalBytes":2410,"totalKb":"2 KB","totalMs":"10ms"}],"tableHeadings":{"url":"URL","totalKb":"Total Size","totalMs":"Transfer Time"}}},"scoringMode":"numeric","name":"total-byte-weight","category":"Network","description":"Avoids enormous network payloads","helpText":"Network transfer size [costs users real money](https://whatdoesmysitecost.com/) and is [highly correlated](http://httparchive.org/interesting.php#onLoad) with long load times. Try to find ways to reduce the size of required files.","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Total Size"},{"type":"text","itemType":"text","text":"Transfer Time"}],"items":[[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js"},{"type":"text","text":"89 KB"},{"type":"text","text":"460ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/top"},{"type":"text","text":"12 KB"},{"type":"text","text":"60ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js"},{"type":"text","text":"10 KB"},{"type":"text","text":"50ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/5.nuxt.bundle.bf702aac99b93dac10b1.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"20ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/4.nuxt.bundle.dcb8917608707125cc4c.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/3.nuxt.bundle.0dc41440799ee756a10e.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/2.nuxt.bundle.f3d2867cefeaeca1d831.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/1.nuxt.bundle.569def415e3bf185d1dd.js"},{"type":"text","text":"3 KB"},{"type":"text","text":"10ms"}],[{"type":"url","text":"https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js"},{"type":"text","text":"2 KB"},{"type":"text","text":"10ms"}]]}},"score":100},{"id":"dom-size","weight":0,"group":"perf-info","result":{"score":100,"displayValue":"303 nodes","rawValue":303,"optimalValue":"\u003c 1,500 nodes","extendedInfo":{"formatter":"cards","value":[{"title":"Total DOM Nodes","value":"303","target":"\u003c 1,500 nodes"},{"title":"DOM Depth","value":"11","snippet":"html >\n body >\n div#__nuxt >\n div#app >\n div.news-view.view >\n div.news-list >\n ul >\n li.news-item >\n span.meta >\n span.by >\n a","target":"\u003c 32"},{"title":"Maximum Children","value":"31","snippet":"Element with most children:\nhead","target":"\u003c 60 nodes"}]},"scoringMode":"numeric","name":"dom-size","category":"Performance","description":"Avoids an excessive DOM size","helpText":"Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth \u003c 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer [style calculations](https://developers.google.com/web/fundamentals/performance/rendering/reduce-the-scope-and-complexity-of-style-calculations), and produce costly [layout reflows](https://developers.google.com/speed/articles/reflow). [Learn more](https://developers.google.com/web/fundamentals/performance/rendering/).","details":{"type":"cards","header":{"type":"text","text":"View details"},"items":[{"title":"Total DOM Nodes","value":"303","target":"\u003c 1,500 nodes"},{"title":"DOM Depth","value":"11","snippet":"html >\n body >\n div#__nuxt >\n div#app >\n div.news-view.view >\n div.news-list >\n ul >\n li.news-item >\n span.meta >\n span.by >\n a","target":"\u003c 32"},{"title":"Maximum Children","value":"31","snippet":"Element with most children:\nhead","target":"\u003c 60 nodes"}]}},"score":100},{"id":"critical-request-chains","weight":0,"group":"perf-info","result":{"score":false,"displayValue":"5","rawValue":false,"optimalValue":0,"extendedInfo":{"formatter":"critical-request-chains","value":{"chains":{"20393.1":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/top","startTime":188072.562353,"endTime":188073.192562,"responseReceivedTime":188073.128359,"transferSize":12133},"children":{"20393.2":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/manifest.01641f99b1b9c4bd8e27.js","startTime":188073.200446,"endTime":188073.781013,"responseReceivedTime":188073.779733,"transferSize":1186},"children":{}},"20393.3":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js","startTime":188073.200673,"endTime":188074.384664,"responseReceivedTime":188073.787552,"transferSize":91346},"children":{}},"20393.4":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js","startTime":188073.200926,"endTime":188073.931025,"responseReceivedTime":188073.795319,"transferSize":10076},"children":{}},"20393.5":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js","startTime":188073.201087,"endTime":188073.835954,"responseReceivedTime":188073.803521,"transferSize":2410},"children":{}},"20393.6":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js","startTime":188073.20123,"endTime":188073.843599,"responseReceivedTime":188073.812035,"transferSize":2873},"children":{}}}}},"longestChain":{"duration":1822.3110000253655,"length":2,"transferSize":91346}}},"scoringMode":"binary","informative":true,"name":"critical-request-chains","category":"Performance","description":"Critical Request Chains","helpText":"The Critical Request Chains below show you what resources are required for first render of this page. Improve page load by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/critical-request-chains).","details":{"type":"criticalrequestchain","header":{"type":"text","text":"View critical network waterfall:"},"chains":{"20393.1":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/top","startTime":188072.562353,"endTime":188073.192562,"responseReceivedTime":188073.128359,"transferSize":12133},"children":{"20393.2":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/manifest.01641f99b1b9c4bd8e27.js","startTime":188073.200446,"endTime":188073.781013,"responseReceivedTime":188073.779733,"transferSize":1186},"children":{}},"20393.3":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/vendor.bundle.84468990b94d13b104d8.js","startTime":188073.200673,"endTime":188074.384664,"responseReceivedTime":188073.787552,"transferSize":91346},"children":{}},"20393.4":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/nuxt.bundle.32a9bf0cee334f520382.js","startTime":188073.200926,"endTime":188073.931025,"responseReceivedTime":188073.795319,"transferSize":10076},"children":{}},"20393.5":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/6.nuxt.bundle.bb1d4c5103fe587b6895.js","startTime":188073.201087,"endTime":188073.835954,"responseReceivedTime":188073.803521,"transferSize":2410},"children":{}},"20393.6":{"request":{"url":"https://hackernews-ecvrcpossc.now.sh/_nuxt/0.nuxt.bundle.5f83ba5c2e11f8e7dc47.js","startTime":188073.20123,"endTime":188073.843599,"responseReceivedTime":188073.812035,"transferSize":2873},"children":{}}}}},"longestChain":{"duration":1822.3110000253655,"length":2,"transferSize":91346}}},"score":0},{"id":"user-timings","weight":0,"group":"perf-info","result":{"score":true,"displayValue":"0","rawValue":true,"extendedInfo":{"formatter":"user-timings","value":[]},"scoringMode":"binary","informative":true,"name":"user-timings","category":"Performance","description":"User Timing marks and measures","helpText":"Consider instrumenting your app with the User Timing API to create custom, real-world measurements of key user experiences. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/user-timing).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"text","text":"Name"},{"type":"text","itemType":"text","text":"Type"},{"type":"text","itemType":"text","text":"Time"}],"items":[]}},"score":100},{"id":"screenshot-thumbnails","weight":0,"result":{"score":100,"displayValue":"true","rawValue":true,"scoringMode":"binary","informative":true,"name":"screenshot-thumbnails","category":"Images","description":"Screenshot Thumbnails","helpText":"This is what the load of your site looked like.","details":{"type":"filmstrip","scale":1944.773,"items":[{"timing":194,"timestamp":188072751794.3,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":389,"timestamp":188072946271.6,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":583,"timestamp":188073140748.9,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":778,"timestamp":188073335226.2,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":972,"timestamp":188073529703.5,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":1167,"timestamp":188073724180.8,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":1361,"timestamp":188073918658.1,"data":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRQBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAGoAPAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP1ToAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA//Z"},{"timing":1556,"timestamp":188074113135.4,"data":"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"},{"timing":1750,"timestamp":188074307612.7,"data":"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"},{"timing":1945,"timestamp":188074502090,"data":"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"}]}},"score":100}],"id":"performance","score":98.6470588235294},{"name":"Accessibility","description":"These checks highlight opportunities to [improve the accessibility of your app](https://developers.google.com/web/fundamentals/accessibility).","audits":[{"id":"accesskeys","weight":1,"group":"a11y-correct-attributes","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"accesskeys","category":"Accessibility","description":"`[accesskey]` values are unique.","helpText":"Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more](https://dequeuniversity.com/rules/axe/1.1/accesskeys).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"aria-allowed-attr","weight":1,"group":"a11y-aria","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-allowed-attr","category":"Accessibility","description":"`[aria-*]` attributes match their roles.","helpText":"Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/aria-allowed-attributes).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"aria-required-attr","weight":1,"group":"a11y-aria","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-required-attr","category":"Accessibility","description":"`[role]`s have all required `[aria-*]` attributes.","helpText":"Some ARIA roles have required attributes that describe the state of the element to screen readers. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/required-aria-attributes).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"aria-required-children","weight":1,"group":"a11y-aria","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-required-children","category":"Accessibility","description":"`[role]`s that require child `[role]`s contain them.","helpText":"Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/axe/1.1/aria-required-children).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"aria-required-parent","weight":1,"group":"a11y-aria","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-required-parent","category":"Accessibility","description":"`[role]`s are contained by their required parent element.","helpText":"Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/worldspace/2.1/aria-required-parent).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"aria-roles","weight":1,"group":"a11y-aria","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-roles","category":"Accessibility","description":"`[role]` values are valid.","helpText":"ARIA roles must have valid values in order to perform their intended accessibility functions. [Learn more](https://dequeuniversity.com/rules/axe/1.1/aria-roles).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"aria-valid-attr-value","weight":1,"group":"a11y-aria","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-valid-attr-value","category":"Accessibility","description":"`[aria-*]` attributes have valid values.","helpText":"Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/valid-aria-values).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"aria-valid-attr","weight":1,"group":"a11y-aria","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"aria-valid-attr","category":"Accessibility","description":"`[aria-*]` attributes are valid and not misspelled.","helpText":"Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/valid-aria-attributes).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"audio-caption","weight":1,"group":"a11y-correct-attributes","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"audio-caption","category":"Accessibility","description":"`\u003caudio>` elements contain a `\u003ctrack>` element with `[kind=\"captions\"]`.","helpText":"Captions make audio elements usable for deaf or hearing-impaired users, providing critical information such as who is talking, what they're saying, and other non-speech information. [Learn more](https://dequeuniversity.com/rules/axe/1.1/audio-caption).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"button-name","weight":1,"group":"a11y-element-names","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"button-name","category":"Accessibility","description":"Buttons have an accessible name.","helpText":"When a button doesn't have an accessible name, screen readers announce it as \"button\", making it unusable for users who rely on screen readers. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/button-name).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"bypass","weight":1,"group":"a11y-describe-contents","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"bypass","category":"Accessibility","description":"The page contains a heading, skip link, or landmark region.","helpText":"Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more](https://dequeuniversity.com/rules/axe/1.1/bypass).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"color-contrast","weight":1,"group":"a11y-color-contrast","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"color-contrast","category":"Accessibility","description":"Background and foreground colors have a sufficient contrast ratio.","helpText":"Low-contrast text is difficult or impossible for many users to read. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/contrast-ratio).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"definition-list","weight":1,"group":"a11y-well-structured","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"definition-list","category":"Accessibility","description":"`\u003cdl>`'s contain only properly-ordered `\u003cdt>` and `\u003cdd>` groups, `\u003cscript>` or \u003ctemplate> elements.","helpText":"When definition lists are not properly marked up, screen readers may produce confusing or inaccurate output. [Learn more](https://dequeuniversity.com/rules/axe/1.1/definition-list).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"dlitem","weight":1,"group":"a11y-well-structured","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"dlitem","category":"Accessibility","description":"Definition list items are wrapped in `\u003cdl>` elements.","helpText":"Definition list items (`\u003cdt>` and `\u003cdd>`) must be wrapped in a parent `\u003cdl>` element to ensure that screen readers can properly announce them. [Learn more](https://dequeuniversity.com/rules/axe/1.1/dlitem).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"document-title","weight":1,"group":"a11y-describe-contents","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"document-title","category":"Accessibility","description":"Document has a `\u003ctitle>` element.","helpText":"Screen reader users use page titles to get an overview of the contents of the page. [Learn more](https://dequeuniversity.com/rules/axe/1.1/document-title).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"duplicate-id","weight":1,"group":"a11y-well-structured","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"duplicate-id","category":"Accessibility","description":"`[id]` attributes on the page are unique.","helpText":"The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/1.1/duplicate-id).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"frame-title","weight":1,"group":"a11y-describe-contents","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"frame-title","category":"Accessibility","description":"`\u003cframe>` or `\u003ciframe>` elements have a title.","helpText":"Screen reader users rely on frame titles to describe the contents of frames. [Learn more](https://dequeuniversity.com/rules/axe/1.1/frame-title).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"html-has-lang","weight":1,"group":"a11y-language","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"html-has-lang","category":"Accessibility","description":"`\u003chtml>` element has a `[lang]` attribute.","helpText":"If a page doesn't specify a lang attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page isn't actually in the default language, then the screen reader might not announce the page's text correctly. [Learn more](https://dequeuniversity.com/rules/axe/1.1/html-lang).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"html-lang-valid","weight":1,"group":"a11y-language","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"html-lang-valid","category":"Accessibility","description":"`\u003chtml>` element has a valid value for its `[lang]` attribute.","helpText":"Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) helps screen readers announce text properly. [Learn more](https://dequeuniversity.com/rules/axe/1.1/valid-lang).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"image-alt","weight":1,"group":"a11y-correct-attributes","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"image-alt","category":"Accessibility","description":"Image elements have `[alt]` attributes.","helpText":"Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute.[Learn more](https://developers.google.com/web/tools/lighthouse/audits/alt-attribute).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"input-image-alt","weight":1,"group":"a11y-correct-attributes","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"input-image-alt","category":"Accessibility","description":"`\u003cinput type=\"image\">` elements have `[alt]` text.","helpText":"When an image is being used as an `\u003cinput>` button, providing alternative text can help screen reader users understand the purpose of the button. [Learn more](https://dequeuniversity.com/rules/axe/1.1/input-image-alt).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"label","weight":1,"group":"a11y-describe-contents","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"label","category":"Accessibility","description":"Form elements have associated labels.","helpText":"Labels ensure that form controls are announced properly by assistive technologies, like screen readers. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/form-labels).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"layout-table","weight":1,"group":"a11y-describe-contents","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"layout-table","category":"Accessibility","description":"Presentational `\u003ctable>` elements avoid using `\u003cth>`, `\u003ccaption>` or the `[summary]` attribute.","helpText":"A table being used for layout purposes should not include data elements, such as the th or caption elements or the summary attribute, because this can create a confusing experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/axe/1.1/layout-table).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"link-name","weight":1,"group":"a11y-element-names","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"link-name","category":"Accessibility","description":"Links have a discernable name.","helpText":"Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/axe/1.1/link-name).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"list","weight":1,"group":"a11y-well-structured","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"list","category":"Accessibility","description":"Lists contain only `\u003cli>` elements and script supporting elements (`\u003cscript>` and `\u003ctemplate>`).","helpText":"Screen readers have a specific way of announcing lists. Ensuring proper list structure aids screen reader output. [Learn more](https://dequeuniversity.com/rules/axe/1.1/list).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"listitem","weight":1,"group":"a11y-well-structured","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"listitem","category":"Accessibility","description":"List items (`\u003cli>`) are contained within `\u003cul>` or `\u003col>` parent elements.","helpText":"Screen readers require list items (`\u003cli>`) to be contained within a parent `\u003cul>` or `\u003col>` to be announced properly. [Learn more](https://dequeuniversity.com/rules/axe/1.1/listitem).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"meta-refresh","weight":1,"group":"a11y-meta","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"meta-refresh","category":"Accessibility","description":"The document does not use `\u003cmeta http-equiv=\"refresh\">`.","helpText":"Users do not expect a page to refresh automatically, and doing so will move focus back to the top of the page. This may create a frustrating or confusing experience. [Learn more](https://dequeuniversity.com/rules/axe/1.1/meta-refresh).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"meta-viewport","weight":1,"group":"a11y-meta","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"meta-viewport","category":"Accessibility","description":"`[user-scalable=\"no\"]` is not used in the `\u003cmeta name=\"viewport\">` element and the `[maximum-scale]` attribute is not less than 5.","helpText":"Disabling zooming is problematic for users with low vision who rely on screen magnification to properly see the contents of a web page. [Learn more](https://dequeuniversity.com/rules/axe/1.1/meta-viewport).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"object-alt","weight":1,"group":"a11y-describe-contents","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"object-alt","category":"Accessibility","description":"`\u003cobject>` elements have `[alt]` text.","helpText":"Screen readers cannot translate non-text content. Adding alt text to `\u003cobject>` elements helps screen readers convey meaning to users. [Learn more](https://dequeuniversity.com/rules/axe/1.1/object-alt).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"tabindex","weight":1,"group":"a11y-correct-attributes","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"tabindex","category":"Accessibility","description":"No element has a `[tabindex]` value greater than 0.","helpText":"A value greater than 0 implies an explicit navigation ordering. Although technically valid, this often creates frustrating experiences for users who rely on assistive technologies. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/tabindex).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"td-headers-attr","weight":1,"group":"a11y-correct-attributes","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"td-headers-attr","category":"Accessibility","description":"Cells in a `\u003ctable>` element that use the `[headers]` attribute only refer to other cells of that same table.","helpText":"Screen readers have features to make navigating tables easier. Ensuring `\u003ctd>` cells using the `[headers]` attribute only refer to other cells in the same table may improve the experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/worldspace/2.1/td-headers-attr).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"th-has-data-cells","weight":1,"group":"a11y-correct-attributes","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"th-has-data-cells","category":"Accessibility","description":"`\u003cth>` elements and elements with `[role=\"columnheader\"/\"rowheader\"]` have data cells they describe.","helpText":"Screen readers have features to make navigating tables easier. Ensuring table headers always refer to some set of cells may improve the experience for screen reader users. [Learn more](https://dequeuniversity.com/rules/worldspace/2.1/th-has-data-cells).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"valid-lang","weight":1,"group":"a11y-language","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"valid-lang","category":"Accessibility","description":"`[lang]` attributes have a valid value.","helpText":"Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) on elements helps ensure that text is pronounced correctly by a screen reader. [Learn more](https://dequeuniversity.com/rules/axe/1.1/valid-lang).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"video-caption","weight":1,"group":"a11y-describe-contents","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"video-caption","category":"Accessibility","description":"`\u003cvideo>` elements contain a `\u003ctrack>` element with `[kind=\"captions\"]`.","helpText":"When a video provides a caption it is easier for deaf and hearing impaired users to access its information. [Learn more](https://dequeuniversity.com/rules/axe/1.1/video-caption).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100},{"id":"video-description","weight":1,"group":"a11y-describe-contents","result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"accessibility"},"scoringMode":"binary","name":"video-description","category":"Accessibility","description":"`\u003cvideo>` elements contain a `\u003ctrack>` element with `[kind=\"description\"]`.","helpText":"Audio descriptions provide relevant information for videos that dialogue cannot, such as facial expressions and scenes. [Learn more](https://dequeuniversity.com/rules/axe/1.1/video-description).","details":{"type":"list","header":{"type":"text","text":"View failing elements"},"items":[]}},"score":100}],"id":"accessibility","score":100},{"name":"Best Practices","description":"We've compiled some recommendations for modernizing your web app and avoiding performance pitfalls. These audits do not affect your score but are worth a look.","audits":[{"id":"appcache-manifest","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"debugString":"","scoringMode":"binary","name":"appcache-manifest","category":"Offline","description":"Avoids Application Cache","helpText":"Application Cache has been [deprecated](https://html.spec.whatwg.org/multipage/browsers.html#offline) by [Service Workers](https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers). Consider implementing an offline solution using the [Cache Storage API](https://developer.mozilla.org/en-US/docs/Web/API/Cache)."},"score":100},{"id":"no-websql","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"debugString":"","scoringMode":"binary","name":"no-websql","category":"Offline","description":"Avoids WebSQL DB","helpText":"Web SQL is deprecated. Consider using IndexedDB instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/web-sql)."},"score":100},{"id":"is-on-https","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"is-on-https","category":"Security","description":"Uses HTTPS","helpText":"All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users, and is a prerequisite for HTTP/2 and many new web platform APIs. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/https).","details":{"type":"list","header":{"type":"text","text":"Insecure URLs:"},"items":[]}},"score":100},{"id":"uses-http2","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"table","value":{"results":[],"tableHeadings":{"url":"URL","protocol":"Protocol"}}},"scoringMode":"binary","name":"uses-http2","category":"Performance","description":"Uses HTTP/2 for its own resources","helpText":"HTTP/2 offers many benefits over HTTP/1.1, including binary headers, multiplexing, and server push. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/http2).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Protocol"}],"items":[]}},"score":100},{"id":"uses-passive-event-listeners","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"uses-passive-event-listeners","category":"JavaScript","description":"Uses passive listeners to improve scrolling performance","helpText":"Consider marking your touch and wheel event listeners as `passive` to improve your page's scroll performance. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Location"}],"items":[]}},"score":100},{"id":"no-mutation-events","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"table","value":{"results":[],"tableHeadings":{"url":"URL","lineCol":"Line/Col","type":"Event","code":"Snippet"}}},"scoringMode":"binary","name":"no-mutation-events","category":"JavaScript","description":"Avoids Mutation Events in its own scripts","helpText":"Mutation Events are deprecated and harm performance. Consider using Mutation Observers instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/mutation-events).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"code","text":"Event"},{"type":"text","itemType":"text","text":"Line"},{"type":"text","itemType":"text","text":"Col"},{"type":"text","itemType":"code","text":"Snippet"}],"items":[]}},"score":100},{"id":"no-document-write","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"no-document-write","category":"Performance","description":"Avoids `document.write()`","helpText":"For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/document-write).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Location"}],"items":[]}},"score":100},{"id":"external-anchors-use-rel-noopener","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"external-anchors-use-rel-noopener","category":"Performance","description":"Opens external anchors using `rel=\"noopener\"`","helpText":"Open new tabs using `rel=\"noopener\"` to improve performance and prevent security vulnerabilities. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/noopener).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Target"},{"type":"text","itemType":"text","text":"Rel"}],"items":[]}},"score":100},{"id":"geolocation-on-start","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"geolocation-on-start","category":"UX","description":"Avoids requesting the geolocation permission on page load","helpText":"Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/geolocation-on-load).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Location"}],"items":[]}},"score":100},{"id":"notification-on-start","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"notification-on-start","category":"UX","description":"Avoids requesting the notification permission on page load","helpText":"Users are mistrustful of or confused by sites that request to send notifications without context. Consider tying the request to user gestures instead. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/notifications-on-load).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Location"}],"items":[]}},"score":100},{"id":"deprecations","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"formatter":"url-list","value":[]},"scoringMode":"binary","name":"deprecations","category":"Deprecations","description":"Avoids deprecated APIs","helpText":"Deprecated APIs will eventually be removed from the browser. [Learn more](https://www.chromestatus.com/features#deprecated).","details":{"type":"table","header":"View Details","itemHeaders":[{"type":"text","itemType":"code","text":"Deprecation / Warning"},{"type":"text","itemType":"url","text":"URL"},{"type":"text","itemType":"text","text":"Line"}],"items":[]}},"score":100},{"id":"manifest-short-name-length","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"scoringMode":"binary","name":"manifest-short-name-length","category":"Manifest","description":"Manifest's `short_name` won't be truncated when displayed on homescreen","helpText":"Make your app's `short_name` less than 12 characters to ensure that it's not truncated on homescreens. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/manifest-short_name-is-not-truncated)."},"score":100},{"id":"password-inputs-can-be-pasted-into","weight":1,"result":{"score":true,"displayValue":"","rawValue":true,"extendedInfo":{"value":[]},"scoringMode":"binary","name":"password-inputs-can-be-pasted-into","category":"UX","description":"Allows to paste into password input fields","helpText":"","details":{"type":"list","header":{"type":"text","text":"Password inputs that prevent pasting into"},"items":[]}},"score":100}],"id":"best-practices","score":100}],"reportGroups":{"perf-metric":{"title":"Metrics","description":"These metrics encapsulate your app's performance across a number of dimensions."},"perf-hint":{"title":"Opportunities","description":"These are opportunities to speed up your application by optimizing the following resources."},"perf-info":{"title":"Diagnostics","description":"More information about the performance of your application."},"a11y-color-contrast":{"title":"Color Contrast Is Satisfactory","description":"Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content."},"a11y-describe-contents":{"title":"Elements Describe Contents Well","description":"Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content."},"a11y-well-structured":{"title":"Elements Are Well Structured","description":"Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content."},"a11y-aria":{"title":"ARIA Attributes Follow Best Practices","description":"Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content."},"a11y-correct-attributes":{"title":"Elements Use Attributes Correctly","description":"Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content."},"a11y-element-names":{"title":"Elements Have Discernable Names","description":"Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content."},"a11y-language":{"title":"Page Specifies Valid Language","description":"Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content."},"a11y-meta":{"title":"Meta Tags Used Properly","description":"Screen readers and other assistive technologies require annotations to understand otherwise ambiguous content."},"manual-pwa-checks":{"title":"Manual checks to verify","description":"These audits are required by the baseline [PWA Checklist](https://developers.google.com/web/progressive-web-apps/checklist) but are not automatically checked by Lighthouse. They do not affect your score but it's important that you verify them manually."}}};</script> | |
| <script> | |
| window.addEventListener('DOMContentLoaded', _ => { | |
| const dom = new DOM(document); | |
| const detailsRenderer = new DetailsRenderer(dom); | |
| const categoryRenderer = new CategoryRenderer(dom, detailsRenderer); | |
| const features = new ReportUIFeatures(dom); | |
| const renderer = new ReportRenderer(dom, categoryRenderer, features); | |
| const container = document.querySelector('main'); | |
| renderer.renderReport(window.__LIGHTHOUSE_JSON__, container); | |
| }); | |
| document.addEventListener('lh-analytics', e => { | |
| if (window.ga) { | |
| ga(e.detail.cmd, e.detail.fields); | |
| } | |
| }); | |
| document.addEventListener('lh-log', e => { | |
| const logger = new Logger(document.querySelector('#lh-log')); | |
| switch (e.detail.cmd) { | |
| case 'log': | |
| logger.log(e.detail.msg); | |
| break; | |
| case 'warn': | |
| logger.warn(e.detail.msg); | |
| break; | |
| case 'error': | |
| logger.error(e.detail.msg); | |
| break; | |
| case 'hide': | |
| logger.hide(); | |
| break; | |
| } | |
| }); | |
| </script> | |
| </body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment