Бренды, которые оптимизируют скорость, часто обнаруживают, что быстро регрессируют. Это связано с тем, что производительность веб-сайта во многом похожа на поддержание физической формы: недостаточно сделать одноразовое усилие; вам придется изменить свой образ жизни.
Бюджеты производительности — один из способов решения этой проблемы. Бюджет производительности — это набор ограничений на показатели, влияющие на производительность сайта. Эта концепция аналогична финансовому бюджету: вы устанавливаете лимит и следите за тем, чтобы оставаться в его пределах. В общем, хороший бюджет производительности сочетает в себе различные типы показателей; так, например, бюджет производительности для страницы продукта может выглядеть следующим образом:
Time To Interactive на медленном 3G | Меньше, чем | 5 секунд |
Первая контентная раскраска на медленном 3G | Меньше, чем | 2 секунды |
Оценка производительности маяка | Больше чем | 80 |
Общий размер JavaScript | Меньше, чем | 170 КБ |
После установки необходимо обеспечить соблюдение бюджета производительности, что означает, например, включение бюджета в процесс сборки и отчетность. Такие инструменты, как Lighthouse, могут быть включены в вашу непрерывную интеграцию, и вы можете писать тесты, которые завершают сборку неудачно, если ключевые показатели падают ниже установленного порога. Кроме того, регулярная отчетность с помощью информационных панелей или сводных отчетов может помочь повысить прозрачность и подотчетность. Pinterest — один из примеров бизнеса, который внедрил бюджеты производительности, чтобы гарантировать, что их быстрый опыт останется быстрым, в то время как такие бренды, как Experian , теперь используют скорость сайта в качестве ключевого показателя в своих ежемесячных отчетах о KPI для руководителей.
Более подробную информацию о бюджетах производительности можно найти здесь . Руководство, описывающее, как еще больше привить культуру производительности и сделать показатели скорости видимыми и осязаемыми для всех заинтересованных сторон, можно найти здесь .