Почему сайт медленно загружается и как это исправить

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

Объясняем простыми словами, почему сайт медленно загружается. Технический жаргон оставим за скобками. Говорить будем только о том, что влияет на ваши продажи.

Почему скорость сайта влияет на деньги

Медленная загрузка бьет по бизнесу сразу с трех сторон, и каждую из них можно измерить.

• Отказы. Посетитель, который не дождался загрузки, в статистике засчитывается как отказ, а если ушел еще до того, как сработал счетчик, его там нет вовсе. Он не увидел ни товаров, ни телефона, ни формы заявки. Деньги на рекламу за этот клик уже потрачены, а результата нет.
• Конверсия. Даже те, кто дождался, ведут себя иначе на медленном сайте. Каждая лишняя секунда ожидания на странице корзины или формы уменьшает количество завершенных заказов. Людям просто некомфортно, и они откладывают покупку «на потом».
• Позиции в поиске. Google использует показатели скорости в ранжировании как один из сигналов. Полезное содержание важнее, но когда у конкурентов страницы так же полезны и быстрее, медленный сайт может проиграть им в выдаче, а вместе с позициями упадет и трафик из поиска.

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

Самые частые причины медленной загрузки

За годы работы с сайтами на WordPress, OpenCart и других платформах мы заметили, что причины повторяются. Вот шесть самых распространенных, от самой частой до менее очевидных.

Тяжелые неоптимизированные картинки

Лидер с большим отрывом. Фото с телефона или от фотографа весит 5–10 МБ, и его загружают на сайт как есть. Десять таких фото на странице, и посетителю нужно скачать объем данных, как за короткий видеоролик. Правильно подготовленное изображение для сайта весит в десятки раз меньше без заметной потери качества. Его сжимают, уменьшают до нужного размера и конвертируют в современные форматы.

Дешевый перегруженный хостинг

Хостингом называют сервер, где физически живет ваш сайт. На самых дешевых тарифах провайдер размещает на одном сервере сотни чужих сайтов, и все они делят между собой одну мощность. Когда «соседи» нагружают сервер, ваш сайт тормозит, хотя вы ничего не меняли. Признак проблемы в том, что скорость плавает в течение дня без видимых причин. Если сайт перерос общий хостинг, подбор и настройку отдельного сервера мы берем на себя в рамках администрирования серверов.

Отсутствие кеширования

Без кеширования сайт собирает каждую страницу с нуля для каждого посетителя. Он обращается к базе данных, обрабатывает шаблоны, формирует код. Кеширование сохраняет уже готовую страницу и отдает ее следующим посетителям мгновенно. Для сайтов, где контент меняется нечасто, это дает ощутимый прирост скорости.

Лишние плагины и скрипты

Вот типичная история. За годы на сайт добавили онлайн-чат, который никто не открывает, три счетчика статистики, слайдер, устаревший календарь и кнопки соцсетей. Каждый такой элемент подгружает свои скрипты и стили, даже если им никто не пользуется. Отдельная история с плагинами. На сайтах, которые мы берем на поддержку, регулярно находим 30–40 установленных плагинов, из которых реально нужны меньше половины.

Старая версия PHP

WordPress, WooCommerce и OpenCart работают на языке программирования PHP. Его версии обновляются, и новые обычно работают заметно быстрее. Сайт, который годами никто не обслуживал, часто работает на версии пятилетней давности. Это и медленнее, и небезопасно, потому что старые версии не получают обновлений безопасности. Обновление PHP иногда заметно ускоряет сайт без каких-либо других изменений.

Запущенная база данных

База данных работает как хранилище, где лежат ваши товары, тексты и заказы. С годами она обрастает мусором. Это сотни сохраненных черновиков, логи давно удаленных плагинов, временные записи. Чем больше и захламленнее база, тем дольше сайт ищет в ней нужное. Регулярная чистка возвращает скорость, но делать ее нужно осторожно и с резервной копией.

Еще три рычага, которые ускоряют сайт

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

• CDN. Это сеть серверов в разных странах, которая отдает ваши картинки и файлы из точки, ближайшей к посетителю. Человек из другой страны получает данные не с далекого сервера, а с соседнего, поэтому страница грузится быстрее.
• Серверное сжатие. Технологии GZIP и Brotli сжимают код страницы перед отправкой в браузер, как архив. Файл долетает меньшим, поэтому страница приходит быстрее, а браузер распаковывает его за доли секунды. Включается на уровне сервера и почти всегда дает бесплатный прирост.
• Отложенная загрузка картинок (lazy load). Браузер подгружает изображения не все сразу, а только когда посетитель до них домотает. Верх страницы показывается мгновенно, а тяжелые фото внизу ждут своей очереди.

Как проверить скорость самостоятельно

Для базовой проверки не нужен программист. Откройте бесплатный сервис PageSpeed Insights от Google, введите адрес своего сайта и дождитесь отчета. Сервис покажет две оценки, отдельно для мобильных и для компьютеров.

На что смотреть в первую очередь:

• Мобильная оценка. С нее стоит начинать, потому что большинство посетителей заходит с телефонов. Оценку считают по одной тестовой загрузке, а в поиске Google опирается на данные реальных посетителей. PageSpeed Insights показывает эти данные отдельным блоком выше, если трафика на сайте достаточно. Оценка от 0 до 100. Зеленая зона от 90, оранжевая 50–89, красная ниже 50.
• LCP. За аббревиатурой скрывается простая вещь. Это время, когда посетитель видит главный контент страницы, например большое фото или заголовок. До 2,5 секунды это хорошо, больше 4 секунд это проблема, которую посетители ощущают физически.

LCP не единственная метрика. Google также учитывает INP, то есть насколько быстро страница реагирует на ваши нажатия, и CLS, который показывает, не прыгает ли верстка во время загрузки. Обе влияют на удобство, но для первого шага достаточно LCP.

Два совета к результатам. Проверяйте не только главную, но и страницы товаров или услуг, куда ведет реклама. И не паникуйте из-за оранжевых цифр. Сначала сравните свой результат с сайтами конкурентов. Если у вас 60, а у них 30, ситуация не критичная, хотя пространство для улучшения есть. Сама оценка при этом мало что гарантирует, а какие работы действительно дают выигрыш в секундах, мы разобрали в материале про ускорение сайта.

Что можно исправить самостоятельно

Часть проблем владелец может решить без разработчика, если действовать аккуратно.

• Сжимайте новые картинки перед загрузкой. Бесплатных онлайн-сервисов для сжатия достаточно. Загрузили фото, получили файл в несколько раз легче, поставили на сайт.
• Удалите плагины, которыми не пользуетесь. Пройдитесь по списку и честно ответьте, что из этого реально работает на бизнес. Деактивировали, проверили, что все работает, затем удалили.
• Уберите лишние виджеты. Чат, в котором никто не отвечает, вредит дважды. Он тормозит сайт и раздражает клиентов без ответа.
• Пересмотрите тариф хостинга. Если сайт живет на минимальном тарифе еще со времен запуска, а бизнес вырос, переход на тариф выше часто дает эффект сразу.

Одно предостережение. Перед любыми изменениями сделайте резервную копию сайта или попросите хостинг-провайдера подтвердить, что она есть и свежая.

Что лучше доверить специалисту

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

• Обновление версии PHP. Старые темы и плагины могут быть несовместимы с новой версией. Специалист сначала проверяет совместимость на копии сайта и только потом обновляет рабочий.
• Настройка кеширования. Неправильно настроенный кеш показывает посетителям устаревшие цены или ломает корзину в интернет-магазине.
• Оптимизация базы данных. Чистка базы без понимания структуры может уничтожить данные, которые выглядели как мусор, а были нужны.
• Массовое сжатие существующих картинок. Если на сайте тысячи изображений, их обрабатывают пакетно на сервере, и здесь легко испортить оригиналы без резервной копии.
• Переезд на другой хостинг. Перенос сайта с базой, почтой и сертификатами безопасности должен пройти без простоя, а это вопрос опыта.

Все это мы делаем в рамках поддержки проектов. Сначала диагностика на копии сайта, потом аккуратные изменения на рабочем, со свежим бэкапом на случай отката.

Осторожно с «ускорителями одной кнопки»

Отдельное предупреждение. Существуют плагины, которые обещают ускорить сайт одним нажатием. Включили, и оценка вроде бы выросла. На практике мы регулярно разгребаем последствия таких экспериментов:

• пропали стили, и сайт «рассыпался»;
• перестала работать форма заявки;
• корзина показывает удаленные товары;
• улучшение в оценке оказалось временным.

Такие инструменты применяют агрессивные настройки вслепую, без понимания конкретного сайта. Иногда они действительно помогают, но предсказать последствия без тестирования невозможно. Реальное ускорение всегда начинается с диагностики. Сначала выясняем, что именно тормозит ваш сайт, и только потом лечим именно это. Одинаковых сайтов не бывает, поэтому не бывает и универсальной кнопки.

Выводы

Скорость сайта напрямую влияет на отказы, конверсию и позиции в поиске, то есть на деньги. Чаще всего сайт тормозят тяжелые картинки, слабый хостинг, отсутствие кеширования, лишние плагины, старая версия PHP и захламленная база данных. Проверить свой сайт можно бесплатно через PageSpeed Insights. Смотрите на мобильную оценку и показатель LCP. Простые вещи вроде сжатия новых картинок делайте самостоятельно, а вмешательство в PHP, кеш и базу данных доверьте специалистам. И не верьте обещаниям ускорить все одной кнопкой, потому что без диагностики это лотерея.

Если разбираться с этим самостоятельно не хочется, передайте задачу нам. Пришлите ссылку на сайт, и мы вернемся со списком причин и планом исправления, а сами исправления сделаем в рамках поддержки и развития проектов. Сначала проверим их на тестовом сайте, а на рабочий перенесем, только сделав свежую резервную копию. Если для ускорения нужно переписать медленные запросы или тяжелые скрипты, это отдельная разовая работа в рамках кастомной разработки.