Florian Prange

https://www.florian-prange.com/?utm_source=pwa-directory&lang=en
Berlin based Frontend Developer with experience in HTML5, CSS3, Javascript, AngularJS, node.js and Progressive Web Apps. Click for more information.
Added 5 months ago, Updated 21 hours ago

LIGHTHOUSE 73

Lighthouse version2.8.0
Performance29
First meaningful paint6
First Interactive (beta)45
Consistently Interactive (beta)45
Perceptual Speed Index15
Estimated Input Latency0
Reduce render-blocking stylesheets0
Reduce render-blocking scripts100
Properly size images0
Offscreen images100
Minify CSS100
Minify JavaScript100
Unused CSS rules0
Optimize images100
Serve images in next-gen formats65
Enable text compression0
Keep server response times low (TTFB)true
Avoids page redirects100
Avoids enormous network payloads100
Uses inefficient cache policy on static assets40
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
Progressive Web App73
Registers a service workertrue
Does not respond with a 200 when offlinefalse
Contains some content when JavaScript is not availabletrue
Uses HTTPStrue
Redirects HTTP traffic to HTTPStrue
Page load is not fast enough on 3Gfalse
User will not be prompted to Install the Web Appfalse
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
Accessibility68
`[accesskey]` values are not uniquefalse
`[aria-*]` attributes do not match their rolesfalse
`[role]`s have all required `[aria-*]` attributestrue
Elements with `[role]` that require specific children `[role]`s, are presenttrue
`[role]`s are contained by their required parent elementtrue
`[role]` values are validtrue
`[aria-*]` attributes do not have valid valuesfalse
`[aria-*]` attributes are not valid or misspelledfalse
`<audio>` elements are missing a `<track>` element with `[kind="captions"]`.false
Buttons do not have an accessible namefalse
The page contains a heading, skip link, or landmark regiontrue
Background and foreground colors have a sufficient contrast ratiotrue
`<dl>`'s do not contain only properly-ordered `<dt>` and `<dd>` groups, `<script>` or `<template>` elements.false
Definition list items are not wrapped in `<dl>` elementsfalse
Document has a `<title>` elementtrue
`[id]` attributes on the page are uniquetrue
`<frame>` or `<iframe>` elements do not have a titlefalse
`<html>` element does not have a `[lang]` attributefalse
`<html>` element does not have a valid value for its `[lang]` attribute.false
Image elements have `[alt]` attributestrue
`<input type="image">` elements do not have `[alt]` textfalse
Form elements do not have associated labelsfalse
Presentational `<table>` elements do not avoid using `<th>`, `<caption>` or the `[summary]` attribute.false
Links do not have a discernable namefalse
Lists do not contain only `<li>` elements and script supporting elements (`<script>` and `<template>`).false
List items (`<li>`) are not contained within `<ul>` or `<ol>` parent elements.false
The document uses `<meta http-equiv="refresh">`false
`[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 do not have `[alt]` textfalse
No element has a `[tabindex]` value greater than 0true
Cells in a `<table>` element that use the `[headers]` attribute refers to other cells of that same table.false
`<th>` elements and elements with `[role="columnheader"/"rowheader"]` do not have data cells they describe.false
`[lang]` attributes do not have a valid valuefalse
`<video>` elements do not contain a `<track>` element with `[kind="captions"]`.false
`<video>` elements do not contain a `<track>` element with `[kind="description"]`.false
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 Practices88
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
Includes front-end JavaScript libraries with known security vulnerabilitiesfalse
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
SEO89
Has a `<meta name="viewport">` tag with `width` or `initial-scale`true
Document has a `<title>` elementtrue
Document has a meta descriptiontrue
Page has successful HTTP status codetrue
Links have descriptive texttrue
Page isn’t blocked from indexingtrue
Document has a valid `hreflang`true
Document has a valid `rel=canonical`true
Document doesn't use legible font sizesfalse
Document avoids pluginstrue
Page is mobile friendlyfalse
Structured data is validfalse

WebPageTest

PageSpeed Insights

MANIFEST

{
  "short_name": "FP",
  "name": "Florian Prange",
  "icons": [
    {
      "src": "assets/images/fp-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "assets/images/fp-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "assets/images/fp-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/images/fp-256x256.png",
      "sizes": "256x256",
      "type": "image/png"
    },
    {
      "src": "assets/images/fp-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "assets/images/fp-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "/?utm_medium=pwa&utm_source=pwa-directory&lang=en",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#333333"
}