Как ускорить загрузку сайта

Три секунды. Столько в среднем готов ждать посетитель, прежде чем закроет вкладку и уйдёт к конкуренту. А поисковик это запомнит. Скорость влияет и на позиции, и на продажи — медленный сайт теряет и то, и другое одновременно. Хорошая новость: чаще всего тормозит он по двум-трём простым причинам, и их реально устранить самому.

Чаще всего виноваты картинки и скрипты — с них и начинайте.

Сначала измерьте

Не чините вслепую. Сперва замерьте, сколько сайт грузится сейчас и что именно его держит. Иначе можно неделю оптимизировать скрипты, когда всё дело в одной фотографии на 5 мегабайт.

⚡

Замерьте время загрузки: скорость загрузки сайта. А анализ сайта подскажет, есть ли сжатие, кэш и не тяжёлые ли страницы.

Сожмите картинки — это №1

В девяти случаях из десяти главный тормоз — изображения. Фотографию с телефона весом в 4 МБ браузер тащит дольше, чем весь остальной сайт. Что делать? Уменьшайте размер до реального (не нужна картинка 4000 пикселей в блоке шириной 600), сжимайте через TinyPNG или Squoosh, переводите в современный формат WebP. Одно это часто ускоряет страницу вдвое.

Уберите лишние скрипты

Каждый сторонний виджет — чат, счётчик, карта, кнопки соцсетей — это дополнительный запрос и задержка. Посчитайте, сколько их у вас. Половину обычно можно убрать без потерь, а оставшиеся — подгружать асинхронно, чтобы они не блокировали отрисовку страницы.

Включите кэш и сжатие

Кэширование заставляет браузер сохранять файлы у себя, чтобы при повторном визите не качать их заново. Сжатие gzip уменьшает вес страниц в несколько раз ещё на сервере. Оба включаются парой строк в настройках сервера — а эффект заметный. Если не хотите лезть в конфиги руками, нужные правила соберёт генератор.

🛠

Готовые правила кэша и сжатия: генератор .htaccess.

Проверьте хостинг

Иногда дело не в сайте, а в сервере. Дешёвый перегруженный хостинг отвечает по полсекунды ещё до того, как начнёт грузиться хоть одна картинка. Замерьте время ответа сервера: если оно стабильно выше 0,5 секунды, задумайтесь о переезде на хостинг получше.

🖥

Время ответа сервера покажет: проверка ответа сервера.

С чего начать — узнайте за минуту

Замерьте скорость сайта и увидите, что именно его тормозит.

Проверить скорость →

Подведём по-простому: сожмите картинки, выкиньте лишние скрипты, включите кэш и сжатие, проверьте хостинг. Эти четыре шага закрывают почти все проблемы со скоростью. Начните с замера — и вы сразу увидите, за что хвататься. А как скорость встроена в общую оптимизацию, читайте в статье про технический аудит сайта и в гайде как раскрутить сайт самостоятельно.