Progressive Web Apps

on YouTube ↗51m

" summary

Audit of code.talks.de finds HTTP/2 and HTTPS in place but first paint 4.2s and first meaningful paint 5.92s on LTE, a 2.3s server response stall, PageSpeed score 53, missing gzip (can save ~122 KB, 88%) and no cache headers for static assets; some SVGs compress 59% (~16 KB). Built a Progressive Web App with a service worker (install/activate/fetch/push), manifest and app shell, using cache‑first for /assets and network‑first for core pages; offline, add‑to‑home and push demos work; code on GitHub and demo at bit.ly/code-talks-pwa.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 23:44Enabling app-like capabilities Service Worker
3. 32:40Send Web push notifications
4. 44:34Service Worker Events: install
5. 46:25Service Worker Events: activate
6. 47:44Service Worker Events: fetch
7. 49:38Service Worker Events: push

" related talks

• 27mProgressive what apps?Patrick Kettner · Render Conference 2017
• 31mFrom Website to Progressive Web AppPete LePage · Google Developer Days India 2017
• 35mDesigning Great Progressive Web AppsNicole Saidy · NDC Sydney 2017
• 32mProgressive Web AppsMike Oram · Dutch PHP Conference 2018
• 39mDesigning great progressive web appsNicole Saidy · NDC Oslo 2017
• 47mProgressive Web AppsChristian Heilmann · Oredev 2017
• 37mIntro to Progressive Web AppsKyle Paul · DevFest Florida 2019
• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 2017