Эдди Османи написал статью про использование паттерна PRPL — "Faster Web App Delivery with PRPL".
PRPL — это паттерн для структурирования и улучшения производительности web-приложений (SPA и PWA).
PRPL описывает четыре этапа жизненного цикла приложения от этапа доставки кода в браузер до его отрисовки:
— Push — при первом открытии приложения, самые необходимые ресурсы доставляются как можно быстрее с помощью server push или preload;
— Render — затем отрисовывается экран приложения с использованием минимального количества необходимых ему ресурсов;
— Pre-cache — после того как приложение было отрисовано, оно может подгрузить ресурсы тех страниц приложения, которые с большой вероятностью будут открыты пользователем;
— Lazy-load — при работе с приложением его куски доставляются в браузер по мере необходимости, это обычно реализуется с помощью code splitting и динамических импортов.
Хорошая статья. Обязательно загляните, если занимаетесь разработкой web-приложений.
#performance #mobile #js
https://addyosmani.com/blog/the-prpl-pattern/
Post #696
3.47K