Lighthouse Fixes

[mananshah99]

npm install -g lighthouse
lighthouse https://harkerdev.github.io/bellschedule

Lighthouse (1.1.7) results: https://harkerdev.github.io/bellschedule/

▫ Progressive Web App

App can load on offline/flaky connections:
── ✘ Has a registered Service Worker
No active service worker found for this origin.
── ✘ URL responds with a 200 when offline

Page load performance is fast:
── 97 First meaningful paint (1508.6ms)
── 97 Perceptual Speed Index (1517)
- First Visual Change: 999ms
- Last Visual Change: 2046ms
── 100 Estimated Input Latency (18.4ms)
- 90% probability of input latency at 18.4ms or shorter.
(50%: 16.0ms, 75%: 16.0ms, 90%: 18.4ms, 99%: 53.5ms, 100%: 65.3ms)
── 98 Time To Interactive (alpha) (1527.3ms)

Site is progressively enhanced:
── ✓ Page contains some content when its scripts are not available

Network connection is secure:
── ✓ Site is on HTTPS
── ✘ Site redirects HTTP traffic to HTTPS

User can be prompted to Add to Homescreen:
── ✘ Has a registered Service Worker
No active service worker found for this origin.
── ✘ Manifest exists
No manifest found.
── ✘ Manifest contains start_url
── ✘ Manifest contains icons at least 144px
WARNING: No icons found in the manifest
── ✘ Manifest contains short_name

Installed web app will launch with custom splash screen:
── ✘ Manifest exists
No manifest found.
── ✘ Manifest contains name
── ✘ Manifest contains background_color
── ✘ Manifest contains theme_color
── ✘ Manifest contains icons at least 192px
WARNING: No icons found in the manifest

Address bar matches brand colors:
── ✘ Manifest exists
No manifest found.
── ✘ HTML has a theme-color
No valid theme-color meta tag found.
── ✘ Manifest contains theme_color

Design is mobile-friendly:
── ✓ HTML has a viewport
── ✓ Content is sized correctly for the viewport

▫ Best Practices

── ✓ Element aria-* roles are valid
── ✓ Element aria-* attributes are valid ARIA attributes
── ✓ Background and foreground colors have a sufficient contrast ratio
── ✓ Every image element has an alt attribute
── ✘ Every form element has a label
Form elements must have labels (Failed on 8 elements)
- Rating: critical
- See: https://dequeuniversity.com/rules/axe/1.1/label
- Nodes: 8 nodes identified (see HTML output for details)
── ✘ Manifest's short_name won't be truncated when displayed on homescreen
── ✘ Manifest's display property is set
Manifest display property should be set.

▫ Performance Metrics

── 5 Critical Request Chains
- Longest request chain (shorter is better): 3
- Longest chain duration (shorter is better): 859.26ms
- Longest chain transfer size (smaller is better): 37.30KB
- Initial navigation
┗━┳ /bellschedule (harkerdev.github.io)
┗━┳ bellschedule/ (harkerdev.github.io)
┣━━ bellschedule/doge.js (harkerdev.github.io) - 592.95ms, 6.00KB
┣━━ bellschedule/style.css (harkerdev.github.io) - 614.39ms, 7.02KB
┣━━ bellschedule/script.js (harkerdev.github.io) - 707.97ms, 19.39KB
┣━━ bellschedule/jquery.js (harkerdev.github.io) - 815.03ms, 41.36KB
┗━━ js/parse-1.6.14.min.js (www.parsecdn.com) - 859.26ms, 4.06KB

── 0 User Timing marks and measures