Производительность
Bundle budgets: тест на свободное воспроизведение
Воспроизведение бьёт перечитывание. На каждый промпт скажи или напиши полный ответ по памяти, прежде чем открыть модельный — именно усилие припоминания закрепляет материал.
Восстанови ключевые механизмы юнита — четырёхфазную модель стоимости, иерархию splitting, ловушки tree-shaking, митигации third-party и петлю enforcement из CI плюс RUM — не заглядывая в уроки.
- 01Назови четыре фазы, которые проходит JS bundle до интерактивности, и скажи, какие CPU-bound. Почему 'работает на моём ноутбуке' проваливается?
- 02Дай пороги 'Good' для LCP, INP и CLS и скажи, для какого из них bundle — рычаг.
- 03Объясни route-level, component-level и vendor splitting и когда каждый — верный выбор.
- 04Почему импорт одной функции из CommonJS-библиотеки тащит всю библиотеку, и какие четыре ловушки побеждают tree-shaking?
- 05Почему third-party скрипты — самый частый способ пробить bundle budget, и каковы три структурные митигации?
- 06Почему bundle budget без CI-gate — лишь намерение, и каков полный стек enforcement PR-merge-production? Включи механизм против дрейфа.
Если ты смог восстановить каждый ответ по памяти — у тебя есть хребет юнита: байты — это четыре фазы CPU, бьющие по mobile в 4–8× сильнее, чем по ноутбуку; LCP и INP двигаются с поставляемым JS, а у CLS свои причины; иерархия сокращения — split, затем shake, с compression как финишёром только для транспорта; third-party скрипты — тихий убийца, которому нужны свой budget и CSP; и ничто не выживает без CI-gate, RUM в production и храповика budget-raise против дрейфа.