Скорость загрузки

Основа

Меньше байтов, раньше важное — сжатие, кэш, картинки, шрифты, разделение кода.

Меньше JavaScript: разделение кода по маршрутам, ленивая загрузка тяжёлых компонентов, отказ от лишних библиотек — JS дороже картинок того же размера, его надо ещё разобрать и выполнить.
Картинки: современные форматы (AVIF, WebP), правильный размер через srcset, loading="lazy" ниже первого экрана, а главной картинке — fetchpriority="high". Явные width и height против сдвигов вёрстки.
Шрифты: font-display: swap, подмножества символов, предзагрузка основного начертания.
Кэширование: хеши в именах файлов и долгий Cache-Control, CDN.
Сжатие: Brotli или gzip на сервере.
Подсказки: preconnect к сторонним доменам, preload критичных ресурсов.
Критический путь: CSS блокирует отрисовку, синхронные скрипты — разбор HTML.
Серверный рендеринг или статическая генерация ускоряют первый показ содержимого.

Вопросы с собеседований

Чем отличаются атрибуты async и defer у тега script? Junior
Обычный <script> останавливает разбор HTML до загрузки и выполнения. defer — загрузка параллельно, выполнение после разбора HTML, по порядку подключения. async — загрузка…
Чем отличаются HTTP/1.1, HTTP/2 и HTTP/3? Middle
HTTP/1.1 — текст, один запрос за раз в соединении. HTTP/2 — бинарные кадры, много потоков в одном TCP-соединении. HTTP/3 — то же поверх QUIC (UDP), без общей блокировки при потере…

Закрытая бета

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.