Houssein Djirdeh
PRPL — это аббревиатура, описывающая шаблон, используемый для ускорения загрузки веб-страниц и их интерактивности:
- Предварительная загрузка поздно обнаруженных ресурсов.
- Отрисуйте первоначальный маршрут как можно скорее.
- Предварительно кэшируйте оставшиеся ресурсы.
- Ленивая загрузка других маршрутов и некритических ресурсов.
В этом руководстве вы узнаете, как каждый из этих методов сочетается друг с другом, но при этом может использоваться независимо для достижения высоких результатов.
Проведите аудит своей страницы с помощью Lighthouse
Запустите Lighthouse, чтобы определить возможности для улучшения в соответствии с методами PRPL:
- Нажмите «Control+Shift+J» (или «Command+Option+J» на Mac), чтобы открыть DevTools.
- Откройте вкладку «Маяк» .
- Установите флажки « Производительность» и «Прогрессивное веб-приложение» .
- Нажмите «Запустить аудит» , чтобы создать отчет.
Дополнительные сведения см. в разделе Откройте для себя возможности повышения производительности с помощью Lighthouse .
Предварительная загрузка критически важных ресурсов
Lighthouse показывает следующий неудачный аудит, если определенный ресурс анализируется и извлекается с опозданием: