It’s Time to Join the Fantastic Four of the Web

on YouTube ↗32m

" summary

Explains the PRPL pattern for improving web app performance by using modern web technologies such as HTTP/2, preload, Service Workers, and ES modules. Describes practical implementation in real projects, including a demo and step‑by‑step use of tools like PRPL-Server and deeper discussion of the underlying technologies.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 2:15What is a PWA?
3. 5:01The four FIRE principles
4. 7:29PRPL lifecycle
5. 10:57Optimizing entry tripoint
6. 13:45App shell and first paint
7. 16:51HTTP/2 and multiplexing
8. 18:18Lazy loading with ES modules
9. 19:00Server push and push manifest
10. 22:34Service Worker and cache
11. 23:17Summary
12. 23:58Q&A

" related talks

• 21mThinking PRPLHoussein Djirdeh · .concat() 2018
• 30mOnce you go PRPL...Houssein Djirdeh · Full Stack Fest 2017
• 33mHoussein Djirdeh - SeattleJS Conference 2017Houssein Djirdeh · SeattleJS Conference 2017
• 32mPerformance Optimizations for Progressive Web AppsChris Lorenzo · DevFest Florida 2019
• 34mFast Nuxt.js Applications with PRPL PatternFilip Rakowski · VueConf US 2024
• 40mSupercharge the speed of your app with these PWAs' secrets!Marta Wiśniewska · angularday 2020
• 45mThe (Awesome) Future of Web AppsJad Joubran · Dutch PHP Conference 2017
• 51mAMP, PWAs, HTTP/2 and Service Workers: A New Era of Web Performance?F. Gessert · code.talks 2017