From the course: Developing for Web Performance

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

The PRPL pattern

The PRPL pattern

- [Instructor] There's a useful mnemonic device you can use to remember how to achieve the best possible performance for your website or application. PRPL, or P-R-P-L, referring to the PRPL pattern. This is an acronym that stands for push or preload the most important resources, render the initial route as soon as possible, pre-cache remaining assets, and lazy load other routes and non-critical assets. This pattern has become the industry standard benchmark for web performance for two main reasons. It was developed by the leading industry experts on performance and it just makes sense. If we push or preload important resources to the browser using server push for the initial load and service workers in the next round, the application will run faster. If we render the initial route as soon as possible by serving the browser with critical CSS and JavaScript, the perceived performance of the application will be improved.…

Contents