Thinking PRPL
summary
Explains the PRPL pattern with concrete tactics: push critical assets (preload/prefetch) but warns that HTTP/2 server push can slow pages if too much is pushed or cache is ignored; gives Jeremy Wagner data and the surprising range of framework bundles (4 KB to 200 KB) and cites 73% of mobile users hitting slow sites and ~16–19 s median time‑to‑interactive on low‑end mobile. Shows building a Service Worker via the Workbox wizard, runtime caching strategies (network‑first, cache‑first, stale‑while‑revalidate) and code splitting/lazy loading using webpack and React Loadable.
AI-written summary · about
chapters (17)
- 0:00Start
- 0:06Progressive Web Patterns
- 0:50Mobile
- 4:16Prefetch
- 5:23Http to Server Push
- 6:03Linked Http Headers
- 9:23Service Workers
- 11:45What Exactly Service Workers Do
- 12:11Application Shell
- 13:37Pre Cache the Results for Dynamic Content
- 14:24Cache First
- 14:43Stale while Revalidate Strategy
- 16:10Inject Manifest
- 17:40Bundles
- 18:27Code Splitting
- 19:06React Loadable
- 19:40Web Pack Bundle Analyzer
related talks
30mOnce you go PRPL...
33mHoussein Djirdeh - SeattleJS Conference 2017
32mIt’s Time to Join the Fantastic Four of the Web
26mWeb Performance in modern JavaScript world
38mSecret Shortcuts of Loading Web Performance
28mThe Browser Hackers Guide To Instantly Loading Everything
40mSupercharge the speed of your app with these PWAs' secrets!
32mPractical Performance Tips Building Progressive Web Apps