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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

Если разбираться с этим самостоятельно не хочется, передайте задачу нам. Amidcode, веб-студия из Киева, работает с 2012 года и за это время реализовала больше 300 проектов. В рамках поддержки проектов мы проводим аудит скорости, находим причины и исправляем их без риска для рабочего сайта. Например, работа над проектом интернет-магазина 911 Balsam помогла ему выйти на 4-кратный рост онлайн-продаж, а посмотреть другие наши работы можно в портфолио. Если же сайт устарел настолько, что проще сделать новый, посмотрите наши услуги по созданию корпоративных сайтов и интернет-магазинов. Для нестандартных задач есть кастомная разработка, а детали и форматы сотрудничества описаны на страницах услуг. Первый шаг простой: пришлите нам ссылку на свой сайт, и мы вернемся со списком причин и планом исправления.