10 способов ускорить сайт
Медленный сайт теряет посетителей и позиции в Google. Хорошая новость: большинство сайтов можно ускорить без переделки. Вот десять способов, от самых эффективных к точечным.
Способы 1-5: самое важное
1. Сожмите изображения. Большие несжатые картинки это причина номер один медленных сайтов. Формат WebP или AVIF, правильный размер.
2. Включите кеширование. Кеш отдаёт готовую страницу вместо пересборки для каждого посетителя.
3. Добавьте lazy loading. Картинки грузятся, только когда посетитель до них доскроллил.
4. Уберите лишний код. Каждый плагин, скрипт и пиксель добавляет вес. Оставьте нужное.
5. Проверьте хостинг. Дешёвый хостинг отвечает медленно, и никакая оптимизация это не исправит полностью.
Способы 6-10: точечные
6. Оптимизируйте шрифты. Подключайте только нужные начертания, используйте font-display swap.
7. Подключите CDN. Сеть доставки контента отдаёт статику с ближайшего к посетителю сервера.
8. Минимизируйте сторонние скрипты. Чаты, виджеты и трекеры замедляют отклик страницы.
9. Зарезервируйте место под элементы. Заданные размеры картинок убирают скачки вёрстки.
10. Обновите движок и плагины. Старые версии работают медленнее и небезопасны.
С чего начать
Не делайте всё сразу. Начните с измерения: Google PageSpeed Insights покажет, что именно тормозит.
В 80 процентах случаев самый большой эффект дают первые два пункта: изображения и кеширование. Сделайте их, измерьте результат, потом двигайтесь дальше.
Что сделать самому, а что отдать разработчику
Десять способов неравноценны по сложности. Часть владелец сайта на WordPress может сделать сам за вечер, часть лучше не трогать без опыта.
Можно самому:
- пересохранить тяжёлые фото в WebP и загрузить заново (способ 1);
- удалить плагины, которыми не пользуетесь, и старые виджеты (способы 4 и 8);
- обновить движок и плагины, предварительно сделав бэкап (способ 10).
Лучше отдать специалисту:
- настройку кеширования и CDN: неправильный кеш показывает посетителям старые цены или чужую корзину (способы 2 и 7);
- переезд на другой хостинг с переносом почты и DNS (способ 5);
- оптимизацию шрифтов и резервирование места под элементы: это правки в коде темы (способы 6 и 9).
Если сайт у нас на поддержке, такие работы идут в счёт часов пакета. Разово считаем по часовой ставке 50€.
Порядок работ на примере: сайт кафе с тяжёлой главной
Допустим, у кафе в Каламая сайт на WordPress: на главной слайдер из восьми фото, меню в PDF, виджет бронирования, карта Google и лента Instagram.
- Шаг 1. Замерить мобильную версию в PageSpeed Insights и сохранить результат, чтобы было с чем сравнивать.
- Шаг 2. Слайдер из восьми фото заменить одним хорошим кадром. Это убирает семь тяжёлых картинок и скрипт слайдера сразу.
- Шаг 3. Оставшиеся фото сжать и включить ленивую загрузку.
- Шаг 4. Карту и ленту Instagram грузить только при прокрутке до них или заменить картинкой со ссылкой.
- Шаг 5. Меню из PDF перенести на обычную страницу: PDF на телефоне грузится долго и не индексируется как нормальный текст.
- Шаг 6. Замерить ещё раз. Только после этого решать, нужны ли кеш-плагин, CDN или новый хостинг.
Обратите внимание: первые шаги это не техника, а решение убрать лишнее. Самый быстрый элемент страницы тот, которого на ней нет.
Ошибки при ускорении
- Поставили три плагина оптимизации сразу. Они конфликтуют, ломают вёрстку и друг другу кеш. Нужен один.
- Включили агрессивное объединение скриптов, и перестала работать форма заявки или оплата. После любой оптимизации отправьте тестовую заявку.
- Гонятся за оценкой 100 на десктопе. Смотреть нужно мобильную оценку и реальные показатели, а не зелёный кружок.
- Ускорили главную и забыли про страницы услуг и карточки товаров, на которые люди и приходят из поиска.
FAQ
Насколько можно ускорить медленный сайт?+
Часто в 2 до 4 раз только изображениями и кешированием. Результат зависит от того, в каком состоянии сайт был изначально.
Влияет ли скорость на позиции в Google?+
Да, Core Web Vitals это фактор ранжирования. Это не главный фактор, но между двумя похожими страницами быстрая выигрывает.
Когда лучше переделать сайт, чем ускорять?+
Если сайт очень старый, перегружен плагинами и собран на тяжёлом конструкторе, редизайн на современной основе бывает проще и дешевле бесконечных правок.
Можно ли ускорить сайт на WordPress без программиста?+
Частично да: сжать изображения, удалить лишние плагины и виджеты, обновить движок. Этого часто хватает для заметного результата. Кеширование, CDN и правки в коде темы лучше доверить специалисту, потому что ошибка там ломает формы и корзину.
Что проверить после ускорения сайта?+
Отправьте тестовую заявку, пройдите оплату, переключите языки и откройте сайт в режиме инкогнито с телефона. Оптимизация нередко ломает именно формы и скрипты оплаты, и без проверки вы узнаете об этом по отсутствию заявок.