Что на самом деле делает сайт быстрым
Автор Команда AsasWeb 1 мин чтения
Самая большая причина медленных сайтов это избыток JavaScript, поэтому самый большой выигрыш даёт его сокращение. Дальше отдавайте современные адаптивные изображения в форматах вроде AVIF и WebP с заданными width и height, а веб-шрифты размещайте у себя, обрезайте до нужных наборов символов и настраивайте. Измеряйте Core Web Vitals на среднем телефоне и медленном соединении, потому что скорость складывается из решений на протяжении всей разработки, а не из заплатки в конце.
Все хотят быстрый сайт, и большинство советов останавливается на «оптимизируйте изображения». Изображения важны, но скорость это сумма многих решений, принятых при разработке. Вот где настоящие выигрыши.
Отдавайте меньше JavaScript
Самая большая причина медленных сайтов это слишком много JavaScript. Каждый килобайт нужно скачать, разобрать и выполнить, часто на телефоне среднего класса с куда меньшей мощностью, чем у ноутбука. Отправляйте в основном HTML и CSS, а JavaScript добавляйте только там, где он действительно заслуживает места. Страницы, которые работают без него, быстрее и надёжнее.
Отдавайте современные адаптивные изображения
Используйте современные форматы, такие как AVIF и WebP, генерируйте несколько размеров и позвольте браузеру выбрать подходящий под экран. Всегда задавайте ширину и высоту, чтобы вёрстка не прыгала во время загрузки изображений. Телефон никогда не должен скачивать изображение размером с десктоп.
Размещайте и настраивайте шрифты у себя
С веб-шрифтами легко ошибиться. Размещайте их у себя, обрезайте до нужных символов, используйте
font-display: swap и настраивайте метрики запасного шрифта, чтобы текст не смещался при
появлении веб-шрифта. Это защищает ваш показатель Cumulative Layout Shift.
Измеряйте то, что чувствуют пользователи
Core Web Vitals описывают реальный опыт: Largest Contentful Paint для загрузки, Cumulative Layout Shift для стабильности и Interaction to Next Paint для отзывчивости. Измеряйте их на репрезентативном телефоне среднего класса и медленном соединении, а не только на быстром ноутбуке, потому что именно этим пользуются многие ваши посетители.
Производительность встраивается, а не прикручивается
Скорость нельзя присыпать в конце. Она идёт из решений, принятых на протяжении всей разработки, именно так мы подходим к каждому проекту. Если ваш сайт ощущается медленным, начните проект, и мы выясним почему.