Learning Music | Ableton

https://learningmusic.ableton.com/index.html?utm_source=homescreen
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
Added 14 days ago, Updated 11 hours ago

LIGHTHOUSE 74

Aggregated ChecksScore
App can load on offline/flaky connections50
Page load performance is fast26
Site is progressively enhanced100
Network connection is secure50
User can be prompted to Add to Homescreen100
Installed web app will launch with custom splash screen100
Address bar matches brand colors67
Design is mobile-friendly100
AuditsScore
Uses HTTPSfalse
Redirects HTTP traffic to HTTPStrue
Registers a Service Workertrue
Responds with a 200 when offlinefalse
Has a `<meta name="viewport">` tag with `width` or `initial-scale`true
Manifest's `display` property is settrue
Contains some content when JavaScript is not availabletrue
First meaningful paint0
Perceptual Speed Index3
Estimated Input Latency100
Time To Interactive (alpha)1
User Timing marks and measurestrue
Critical Request Chainsfalse
Manifest existstrue
Manifest contains `background_color`true
Manifest contains `theme_color`true
Manifest contains icons at least 192pxtrue
Manifest contains icons at least 144pxtrue
Manifest contains `name`true
Manifest contains `short_name`true
Manifest's `short_name` won't be truncated when displayed on homescreenfalse
Manifest contains `start_url`true
Has a `<meta name="theme-color">` tagfalse
Content is sized correctly for the viewporttrue
Avoids deprecated APIstrue
Element aria-* attributes are allowed for this roletrue
Elements with ARIA roles have the required aria-* attributestrue
Element aria-* attributes have valid valuestrue
Element aria-* attributes are valid and not misspelled or non-existent.true
Background and foreground colors have a sufficient contrast ratiofalse
Every image element has an alt attributetrue
Every form element has a labeltrue
No element has a `tabindex` attribute greater than 0true
Avoids enormous network payloads100
Unoptimized imagestrue
Oversized Imagestrue
Avoids Application Cachetrue
Avoids an excessive DOM size100
Opens external anchors using rel="noopener"false
Avoids requesting the geolocation permission on page loadtrue
Render-blocking Stylesheetsfalse
Avoids `console.time()` in its own scriptstrue
Avoids `Date.now()` in its own scriptsfalse
Avoids `document.write()`true
Avoids Mutation Events in its own scriptstrue
Avoids old CSS flexboxfalse
Avoids WebSQL DBtrue
Avoids requesting the notification permission on page loadtrue
Render-blocking scriptsfalse
Uses HTTP/2 for its own resourcesfalse
Uses passive listeners to improve scrolling performancetrue

WebPageTest

PageSpeed Insights

MANIFEST

{
  "short_name": "Learning Music",
  "name": "Learning Music | Ableton",
  "display": "standalone",
  "theme_color": "#666666",
  "background_color": "#666666",
  "orientation": "any",
  "icons": [
    {
      "src": "pwa_48x48.png",
      "type": "image/png",
      "sizes": "48x48"
    },
    {
      "src": "pwa_92x92.png",
      "type": "image/png",
      "sizes": "92x92"
    },
    {
      "src": "pwa_128x128.png",
      "type": "image/png",
      "sizes": "128x128"
    },
    {
      "src": "pwa_144x144.png",
      "type": "image/png",
      "sizes": "144x144"
    },
    {
      "src": "pwa_152x152.png",
      "type": "image/png",
      "sizes": "152x152"
    },
    {
      "src": "pwa_192x192.png",
      "type": "image/png",
      "sizes": "192x192"
    }
  ],
  "start_url": "index.html?utm_source=homescreen"
}