Бюджет производительности
Бесплатный онлайн трекер бюджета производительности, мониторинг ресурсов
Что такое бюджет производительности?
Бюджет производительности задаёт лимиты на размер и время загрузки ресурсов. Типичные: общий вес до 1 МБ, JavaScript до 200 КБ.
Как отслеживать бюджет ресурсов
Добавьте ресурсы с фактическими размерами и лимитами. Инструмент подсвечивает превышения.
▶Какой бюджет считается хорошим?
Общий вес < 1 МБ, JS < 200 КБ (сжатый), CSS < 50 КБ, изображения < 500 КБ, TTI < 5 сек на 3G.
▶Как измерить реальные размеры?
Chrome DevTools Network tab. Для бандлов — webpack-bundle-analyzer.