~/talk

Pwototyping

Talkat JSCamp Barcelona 2019 · 2019-07-18..07-19· [pwa, web-performance]
slides:none on file

Claim: web pages built with Jamstack, a manifest.json, Workbox service workers and careful pre-rendering can first paint within 30ms and routinely fool users into thinking they are native apps. The prototype uses add‑to‑home‑screen, preloaded fonts and images, deferred/type=module bundles, and offline caching; an Ethereum buy flow runs as separate page loads and still feels instant. A key gotcha: manifest start_url = /index.html keeps iOS links inside the app. Workbox service worker caching handles background precache and dynamic assets.

AI-written summary · about

  1. 0:00Start
  2. 4:29Manifest PWA entry point
  3. 13:20Splash 2nd Impressions
  4. 18:04Bundle Like prerendered dependencies
  5. 21:24Preload a declarative fetch directive
  6. 22:57Defer no render blocking here
  7. 25:34Service Worker Cache money
  8. 28:54Paint Holding Chromium freeby
  9. 30:39CSS Magic polish
  10. 34:26Pull 2 Refresh Can ruin the illusion
  11. 34:50iOS Links Stay in app...
  12. 35:51Offline UX show your work
  13. 36:0218 steps to a seamless PWototype
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.