Блог Tutznayka

Здесь собраны статьи о скорости сайта: Core Web Vitals, кеширование, CDN, сжатие и оптимизация CSS и JavaScript.

Шкала скорости перед страницей сайта и графиком загрузки

Как улучшить lcp

Как найти элемент, который определяет LCP, и ускорить его появление: изображения, ответ сервера и критические ресурсы.

Разработчик проверяет скорость отклика интерфейса на экране

Как улучшить inp

Как измерить задержку отклика интерфейса и разгрузить основной поток JavaScript.

Макет страницы со смещённым блоком и указателем мыши

Как уменьшить cls

Почему элементы страницы смещаются при загрузке и как заранее выделить для них место.

Два человека сравнивают показатели загрузки на экранах

Crux и лабораторные данные

Чем полевые данные CrUX отличаются от лабораторных замеров Lighthouse и когда использовать каждый источник.

Браузер и сервер соединены линиями передачи кешированных данных

Кеш браузера cache control

Как браузер хранит ресурсы и какие директивы Cache-Control подходят для HTML и статических файлов.

Серверы доставки контента расположены вокруг земного шара

Cdn для ускорения сайта

Как CDN доставляет ресурсы ближе к посетителям и что проверить перед выбором провайдера.

Браузер проверяет версии файлов при обмене с сервером

Etag и last modified

Как заголовки ETag и Last-Modified помогают браузеру проверять, изменился ли ресурс.

Секундомер и фрагменты кода рядом с веб-страницей

Критический css

Как выделить стили первого экрана и проверить результат в инструментах производительности.

Блоки кода загружаются по очереди рядом со страницей

Отложенная загрузка javascript

Когда применять defer, async и отложенную загрузку модулей, чтобы скрипты меньше мешали отображению страницы.

Мобильный и настольный экраны с образцами типографики

Preload шрифтов

Когда предварительная загрузка шрифта помогает первому экрану, а когда расходует приоритет сети впустую.

Два потока файлов сжимаются между браузером и сервером

Сжатие brotli gzip

Как сравнить Brotli и gzip для текстовых ресурсов и проверить выбранное сжатие в браузере.

Дерево элементов страницы становится короче после очистки

Сокращение dom сайта

Как найти лишние узлы DOM, упростить разметку и проверить влияние изменений на страницу.

Наверх