Lifelike

https://theomg.github.io/Lifelike/
A Life-like Cellular Automaton
Added a month ago, Updated a day ago

LIGHTHOUSE 91

Lighthouse version2.7.0
Progressive Web App91
Registers a service workertrue
Responds with a 200 when offlinetrue
Contains some content when JavaScript is not availabletrue
Uses HTTPStrue
Redirects HTTP traffic to HTTPStrue
Page load is not fast enough on 3Gfalse
User can be prompted to Install the Web Apptrue
Configured for a custom splash screentrue
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
Performance32
First meaningful paint81
First Interactive (beta)4
Consistently Interactive (beta)null
Perceptual Speed Index54
Estimated Input Latency68
Reduce render-blocking stylesheets65
Reduce render-blocking scripts100
Properly size images100
Offscreen images100
Optimize images100
Serve images in next-gen formats100
Enable text compression100
Keep server response times low (TTFB)true
Avoids page redirects100
Avoids enormous network payloads100
Uses inefficient cache policy on static assets89
Avoids an excessive DOM size100
Critical Request Chainsfalse
User Timing marks and measurestrue
JavaScript boot-up time is too highfalse
Screenshot Thumbnails100
Main thread work breakdownfalse
Accessibility100
`[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 present.true
`[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 have a sufficient contrast ratio.true
`<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 unique.true
`<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 have `[alt]` attributes.true
`<input type="image">` elements have `[alt]` text.true
Form elements have associated labels.true
Presentational `<table>` elements avoid using `<th>`, `<caption>` or the `[summary]` attribute.true
Links have a discernible name.true
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 not used in the `<meta name="viewport">` element and the `[maximum-scale]` attribute is not less than 5.true
`<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
The page has a logical tab orderfalse
Interactive controls are keyboard focusablefalse
The user's focus is directed to new content added to the pagefalse
User focus is not accidentally trapped in a regionfalse
Custom controls have associated labelsfalse
Custom controls have ARIA rolesfalse
Visual order on the page follows DOM orderfalse
Offscreen content is hidden from assistive technologyfalse
Headings don't skip levelsfalse
HTML5 landmark elements are used to improve navigationfalse
Best Practices94
Avoids Application Cachetrue
Avoids WebSQL DBtrue
Uses HTTPStrue
Uses HTTP/2 for its own resourcestrue
Does not use passive listeners to improve scrolling performancefalse
Avoids Mutation Events in its own scriptstrue
Avoids `document.write()`true
Opens external anchors using `rel="noopener"`true
Avoids requesting the geolocation permission on page loadtrue
Avoids front-end JavaScript libraries with known security vulnerabilitiestrue
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
No browser errors logged to the consoletrue
Displays images with correct aspect ratiotrue
SEO88
Has a `<meta name="viewport">` tag with `width` or `initial-scale`true
Document has a `<title>` element.true
Document does not have a meta descriptionfalse
Page has successful HTTP status code.true
Links have descriptive text.true
Page isn’t blocked from indexingtrue
Document has a valid `hreflang`true
Document uses legible font sizes.true

WebPageTest

PageSpeed Insights

MANIFEST

{
  "icons": [
    {
      "src": "icon_1024x1024.e2b64b4517085539718fce3445ea5503.png",
      "sizes": "1024x1024",
      "type": "image/png"
    },
    {
      "src": "icon_512x512.acdb5ccfc77541d1222dc75b6d5709d5.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "icon_384x384.5b6afd51415ad47cf3d3dc9f3078f6d1.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "icon_256x256.12f380e26efe38fc82d932621016384e.png",
      "sizes": "256x256",
      "type": "image/png"
    },
    {
      "src": "icon_192x192.8344e88a0fd983ee0cf094d83abf6a4b.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "icon_128x128.ae61cd1d978b4d25b02cf4e5c1d1a338.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "icon_96x96.b3fcabdb7d68decce0ebd6491d500085.png",
      "sizes": "96x96",
      "type": "image/png"
    }
  ],
  "name": "Lifelike",
  "orientation": "portrait",
  "display": "fullscreen",
  "start_url": ".",
  "publicPath": null,
  "description": "A Life-like Cellular Automaton",
  "background_color": "#1d1d2f",
  "theme_color": "#1d1d2f",
  "short_name": "Lifelike"
}