Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке performance budget?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Performance budget** - це заздалегідь встановлений ліміт на «вагу» і час завантаження ключових ресурсів сайту, щоб не допустити деградації продуктивності. **Ключове:** performance budget - це як дієта для сайту: жорсткі, вимірювані ліміти, які не дають йому стати повільним, важким і лінивим.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Performance budget** - це заздалегідь встановлений ліміт на «вагу» і час завантаження ключових ресурсів сайту, щоб не допустити деградації продуктивності. --- ## Що можна обмежувати в performance budget - загальну вагу сторінки (наприклад, ≤ 170 KB для mobile) - розмір JS/CSS (наприклад, JS ≤ 150 KB, CSS ≤ 50 KB) - кількість HTTP-запитів - час завантаження (наприклад, TTI ≤ 3 с, LCP ≤ 2.5 с) - Web Vitals (LCP, FID, CLS) - кількість шрифтів, зображень, сторонніх скриптів --- ## Приклад Команді кажуть: - не більше 100 KB JS - LCP не довше 2.5 секунди - FID < 100 мс Якщо вийти за ці рамки, білд не проходить або збирається з попередженням. --- ## Навіщо це потрібно - не дати сайту «розпухнути» у міру розвитку - контролювати продуктивність як частину CI/CD - зберігати швидкий UX за будь-яких правок - спростити комунікацію між дизайнерами, фронтом і менеджерами: у всіх одні цифри --- ## Висновок Performance budget - це як дієта для сайту: жорсткі, вимірювані ліміти, які не дають йому стати повільним, важким і лінивим.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.