Vue.js

https://vuejs.org/menu
The Progressive JavaScript Framework
Added a month ago, Updated 21 hours ago

LIGHTHOUSE 55

Lighthouse version2.3.0
Progressive Web App55
Does not register a Service Workerfalse
Does not respond with a 200 when offlinefalse
Contains some content when JavaScript is not availabletrue
Does not use HTTPSfalse
Redirects HTTP traffic to HTTPStrue
Page load is fast enough on 3Gtrue
User will not be prompted to Install the Web Appfalse
Is not configured for a custom splash screenfalse
Address bar matches brand colorstrue
Has a `<meta name="viewport">` tag with `width` or `initial-scale`true
Content is sized correctly for the viewporttrue
Site works cross-browserfalse
Page transitions don't feel like they block on the networkfalse
Each page has a URLfalse
Performance75
First meaningful paint52
First Interactive (beta)84
Consistently Interactive (beta)84
Perceptual Speed Index69
Estimated Input Latency100
Reduce render-blocking stylesheets0
Reduce render-blocking scripts0
Properly size images90
Offscreen images90
Optimize images100
Serve images as WebP100
Enable text compression100
Avoids enormous network payloads100
Avoids an excessive DOM size100
Critical Request Chainsfalse
User Timing marks and measurestrue
Screenshot Thumbnails100
Accessibility80
`[accesskey]` values are unique.true
`[aria-*]` attributes match their roles.true
`[role]`s have all required `[aria-*]` attributes.true
Elements with `[role]` that require specific children `[role]`s, are missing.false
`[role]`s are contained by their required parent element.true
`[role]` values are valid.true
`[aria-*]` attributes have valid values.true
`[aria-*]` attributes are valid and not misspelled.true
`<audio>` elements contain a `<track>` element with `[kind="captions"]`.true
Buttons have an accessible name.true
The page contains a heading, skip link, or landmark region.true
Background and foreground colors do not have a sufficient contrast ratio.false
`<dl>`'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>` or `<template>` elements.true
Definition list items are wrapped in `<dl>` elements.true
Document has a `<title>` element.true
`[id]` attributes on the page are not unique.false
`<frame>` or `<iframe>` elements have a title.true
`<html>` element has a `[lang]` attribute.true
`<html>` element has a valid value for its `[lang]` attribute.true
Image elements do not have `[alt]` attributes.false
`<input type="image">` elements have `[alt]` text.true
Form elements do not have associated labels.false
Presentational `<table>` elements avoid using `<th>`, `<caption>` or the `[summary]` attribute.true
Links do not have a discernable name.false
Lists contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).true
List items (`<li>`) are contained within `<ul>` or `<ol>` parent elements.true
The document does not use `<meta http-equiv="refresh">`.true
`[user-scalable="no"]` is used in the `<meta name="viewport">` element or the `[maximum-scale]` attribute is less than 5.false
`<object>` elements have `[alt]` text.true
No element has a `[tabindex]` value greater than 0.true
Cells in a `<table>` element that use the `[headers]` attribute only refer to other cells of that same table.true
`<th>` elements and elements with `[role="columnheader"/"rowheader"]` have data cells they describe.true
`[lang]` attributes have a valid value.true
`<video>` elements contain a `<track>` element with `[kind="captions"]`.true
`<video>` elements contain a `<track>` element with `[kind="description"]`.true
Best Practices77
Avoids Application Cachetrue
Avoids WebSQL DBtrue
Does not use HTTPSfalse
Does not use HTTP/2 for all of its resourcesfalse
Uses passive listeners to improve scrolling performancetrue
Avoids Mutation Events in its own scriptstrue
Avoids `document.write()`true
Does not open external anchors using `rel="noopener"`false
Avoids requesting the geolocation permission on page loadtrue
Avoids requesting the notification permission on page loadtrue
Avoids deprecated APIstrue
Manifest's `short_name` won't be truncated when displayed on homescreentrue
Allows users to paste into password fieldstrue

WebPageTest

PageSpeed Insights

MANIFEST

{
  "background_color": "#ffffff",
  "description": "The Progressive JavaScript Framework",
  "display": "standalone",
  "icons": [
    {
      "src": "/images/icons/android-icon-36x36.png",
      "sizes": "36x36",
      "type": "image/png",
      "density": "0.75"
    },
    {
      "src": "/images/icons/android-icon-48x48.png",
      "sizes": "48x48",
      "type": "image/png",
      "density": "1.0"
    },
    {
      "src": "/images/icons/android-icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png",
      "density": "1.5"
    },
    {
      "src": "/images/icons/android-icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png",
      "density": "2.0"
    },
    {
      "src": "/images/icons/android-icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png",
      "density": "3.0"
    },
    {
      "src": "/images/icons/android-icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "density": "4.0"
    }
  ],
  "lang": "en-US",
  "name": "Vue.js",
  "short_name": "Vue",
  "start_url": "./menu",
  "theme_color": "#4fc08d"
}