Три способа отдавать страницы — сервер на каждый запрос, статика на билде или гибрид с фоновой регенерацией. Разбираем, что чем платит и когда какой брать.
Constraint Validation API даёт браузерную валидацию из коробки, но её стандартный вид отпугивает пользователей. Разбираем рабочие приёмы валидации и подачи ошибок так, чтобы форму дозаполняли, а не бросали.
За полчаса вы соберёте счётчик и список задач на Vue 3, поймёте, почему ref нужно разворачивать через .value, и научитесь передавать данные между компонентами.
Пошаговый гайд для тех, кто впервые открыл React: как собрать проект на Vite, написать первый компонент, передать данные через пропсы и завести состояние через useState. Итог — рабочий счётчик за 20 минут.
Заголовок сначала невидим, потом моргает системным шрифтом и уезжает на две строки. Разбираем, откуда берутся FOIT и FOUT, чем платит каждая стратегия font-display и как убрать layout shift.
Как выделить критический CSS для первого экрана, отложить остальные стили без мигания незастилованного контента и не сломать рендеринг на медленных соединениях.
Критический CSS обещает быстрый первый экран, но чаще ломает вёрстку и мигает нестилизованным контентом. Разбираем четыре типичные ошибки и цену каждого подхода к отложенной загрузке стилей.
Что проверить в критическом CSS и стратегии отложенной загрузки стилей, прежде чем катить сборку в прод: от FOUC до кеша CDN и мобильного вьюпорта.
Google требует зелёные метрики на уровне 75-го перцентиля реальных пользователей. Разбираем, что чинить в LCP, CLS и INP и почему лабораторный тест иногда врёт.
Стили разрослись, любое изменение цепляет соседний блок, а имена классов повторяются в трёх местах. Разбираем BEM, утилитарный подход и CSS Modules — что каждый выигрывает и чем платит.
LCP растёт до 4 секунд, а вы минифицируете CSS и не понимаете, почему ничего не меняется. Разбор того, что действительно двигает метрики загрузки, а что — карго-культ.
Анимация меняет left и margin — и на скролле начинаются рывки, а на мобильном браузер съедает батарею. Разбираем, почему это происходит на уровне рендер-конвейера и как удержать 60 fps.