PRPL Pattern

Making our applications globally accessible can be a challenge! We have to make sure the application is performant on low-end devices and in regions with a poor internet connectivity. In order to make sure our application can load as efficiently as possible in difficult conditions, we can use the PRPL pattern.

When to Use

• Use this when building applications that need to perform well on low-end devices and slow networks
• This is helpful for optimizing the critical rendering path of web applications

Instructions

• Push critical resources efficiently using HTTP/2 server push or preload hints
• Render the initial route as soon as possible for fast first paint
• Pre-cache frequently visited routes using service workers for offline support
• Lazily load routes and assets that aren't immediately needed
• Use an app shell architecture as the main entry point

Details