Браузер и фронтенд-рантайм
Всё вместе: тест на свободное воспроизведение
Воспроизведение бьёт перечитывание. На каждый промпт реконструируй полный ответ по памяти — называя слои и метрики — прежде чем раскрыть модельный ответ. Усилие припоминания — это то, что сваривает семь уроков браузера в одну ментальную модель.
Перестрой хребет капстоуна, не подглядывая: цепочку-эстафету, метод диагностики по трём трекам, почему гидратация — шарнир, касающийся пяти уроков, пять канонических поломок и стек телеметрии, который их ловит.
- 01Проследи восемь слоёв server-rendered React-страницы товара от тапа пользователя до рабочей кнопки и назови метрику, которая ложится на каждый ключевой момент.
- 02Сформулируй метод трёх треков и почему 'найди узкий трек в узкий момент' лучше, чем 'страница медленная'.
- 03Почему гидратацию называют шарниром всего trace и какие уроки в ней сходятся?
- 04Назови пять канонических поломок, слой и метрику каждой, и фикс.
- 05Почему TTFB — фикс с наибольшим рычагом на старте, когда LCP, INP и CLS тоже плохи?
- 06Опиши диагностическую дисциплину капстоуна и стек наблюдаемости, превращающий её в систему.
Если ты смог реконструировать каждый ответ по памяти, ты держишь хребет капстоуна: загрузка страницы — это эстафета через восемь слоёв на трёх перекрывающихся треках; гидратация — шарнир, где сходятся пять уроков и где решается ранний INP; пять канонических поломок каждая владеет своим слоем, но регулярно проявляется как другой; TTFB — пол, фикс которого каскадит в FCP и LCP; а дисциплина — измерь, найди узкое место, почини и перемерь — плюс слоистый стек телеметрии RUM-и-CI — это то, что превращает понимание всей цепочки в систему, которая ловит поломку за тебя.