The PRPL Pattern

developers.google.comsite

A new pattern for structuring and serving Progressive Web Apps, with an emphasis on performance.

from

Progressive Web Apps

added

2026-10-10

likes

0

similar

1. ▲
   Google Developers - Your First Progressive Web App developers.google.com

   site category #progressive-web-apps link ↗

   A step-by-step guide to building a progressive web apps using the app shell pattern.

   
2. ▲
   Building the Google I/O 2016 Progressive Web App developers.google.com

   site category #progressive-web-apps link ↗

   Building and launching a progressive web app using web components, Polymer, and material design.

   
3. ▲
   Progressive Web Apps web.dev

   site category #game-engine-dev link ↗

   Using web tech in a way that feels like platform-specific apps.

   
4. ▲
   Web Fundamentals - Performance developers.google.com

   site category #progressive-web-apps link ↗

   Google's performance learning portal, containing a wealth of knowledge on optimizing your web apps for perfomance.

   
5. ▲
   PWA.rocks pwa.rocks

   site category #progressive-web-apps link ↗

   A showcase of several progressive web apps, collected by the Opera Dev Relations team.

6. ▲
   Browser Rendering Performance developers.google.com

   site category #progressive-web-apps link ↗

   Understand how HTML, JavaScript and CSS is handled by the browser, and how to optimize your page accordingly.

Progressive Web Apps › Awesome Performance: “A new pattern for structuring and serving Progressive Web Apps, with an emphasis on performance.”