Почему сайт медленно грузится и как его ускорить без переделки
Из-за чего тормозит сайт: тяжёлые фото, плагины, хостинг, виджеты. Как проверить скорость за минуту, что исправить самому, а что поручить разработчику.
Чаще всего сайт тормозит из-за трёх вещей: огромных фото без сжатия, избытка плагинов и сторонних скриптов и слабого хостинга. Проверить, что именно мешает вашему сайту, можно за минуту бесплатно, а большинство проблем решается за несколько часов работы — без переделки сайта с нуля.
Почему скорость — это деньги, а не мелочь
Большинство посетителей открывает сайт с телефона: в очереди, в транспорте, на ходу, часто через мобильный интернет. Если страница несколько секунд показывает белый экран, человек не ждёт — он возвращается в поиск и открывает соседний сайт. Вы заплатили за рекламу или SEO, а клиент ушёл раньше, чем увидел ваш товар.
Вторая причина — поиск. Google учитывает скорость и удобство страницы, когда решает, кого показать выше. Медленный сайт не обязательно пропадёт из выдачи, но будет проигрывать конкурентам с похожим содержимым.
Медленный сайт теряет клиентов тихо: никто не напишет вам, что ушёл, — просто заявок станет меньше.
Как проверить скорость самому за минуту
Быть программистом не нужно. Есть два простых способа, и оба бесплатные.
- Откройте нашу бесплатную проверку сайта, вставьте адрес и подождите около 10 секунд. Вы получите 36 проверок: скорость, SEO, доступность, безопасность — с пояснениями, что не так.
- Откройте PageSpeed Insights от Google, вставьте тот же адрес и посмотрите вкладку «Мобильное устройство». Именно мобильный результат важнее, потому что с телефонов заходит большинство людей.
- Проверьте не только главную, но и страницу товара или услуги — часто тормозит именно она.
- Откройте сайт со своего телефона через мобильный интернет, а не через домашний Wi-Fi. Так вы увидите то, что видит клиент.
Если оценки красные или жёлтые — есть что улучшать. Если зелёные, а сайт всё равно кажется медленным, проблема может быть в отдельных страницах или формах.
Что означают показатели простыми словами
PageSpeed показывает много цифр, но владельцу бизнеса важны три основные. Их ещё называют Core Web Vitals — ключевые показатели качества страницы.
- LCP — когда появилось главное содержимое: большое фото, баннер или заголовок первого экрана. Это момент, когда человек видит, что сайт работает. Хорошим считается результат до 2,5 секунды.
- CLS — прыжки макета. Вы хотите нажать кнопку, а она вдруг съезжает вниз, потому что сверху догрузился баннер. Чем меньше таких прыжков, тем лучше.
- INP — реакция на нажатие. Сколько проходит от того, как человек коснулся кнопки или меню, до того, как сайт отреагировал. Если сайт «думает» после каждого касания, это раздражает.
Общая оценка от 0 до 100 — это сводка этих и других показателей. Гнаться за идеальными 100 не обязательно, главное — выйти в зелёную зону по трём основным.
Учтите, что результат PageSpeed немного меняется от запуска к запуску: разница в несколько баллов — это норма. Смотрите на общую картину и на то, какие именно пункты сервис отмечает красным, — там и подсказки, что исправлять в первую очередь.
Типичные причины медленного сайта
По нашим наблюдениям, причины повторяются от сайта к сайту. Вот они — примерно в порядке того, как часто мы их встречаем.
- Огромные фото без сжатия. Снимок с телефона или фотоаппарата весит несколько мегабайт, а на сайте показывается размером с ладонь. Браузер всё равно загружает весь файл.
- Десятки плагинов WordPress. Каждый плагин добавляет свои скрипты и стили на все страницы, даже там, где он не нужен. Слайдер, форма, соцкнопки, ещё один слайдер — и страница тянет за собой кучу лишнего кода.
- Дешёвый хостинг. Сервер за несколько долларов в месяц делит ресурсы с сотнями других сайтов. Даже лёгкий сайт на нём может долго «думать» перед ответом.
- Сторонние виджеты и счётчики. Онлайн-чаты, несколько систем аналитики, рекламные пиксели, виджеты отзывов — каждый загружается с чужого сервера и тормозит страницу.
- Шрифты. Несколько фирменных шрифтов в разных начертаниях — это ещё несколько файлов, без которых текст может не появляться или «прыгать».
- Нет кеша. Без кеширования сервер каждый раз заново собирает страницу для каждого посетителя, вместо того чтобы отдать готовую копию.
- Устаревшая версия PHP. Многие сайты на WordPress до сих пор работают на старой версии языка, на котором они написаны. Новые версии заметно быстрее и безопаснее.
Что можно сделать самому
Часть работы владелец сайта может выполнить без разработчика, если у него есть доступ к админке. Идеального результата это не даст, но часто заметно улучшает ситуацию.
- Перед загрузкой сжимайте фото: бесплатные онлайн-сервисы уменьшают вес в разы без заметной потери качества. Для сайта обычно хватает ширины 1600–2000 пикселей.
- Пройдитесь по списку плагинов и отключите те, которыми никто не пользуется. Перед этим сделайте резервную копию.
- Уберите лишние виджеты и счётчики: если на сайте три системы аналитики, а смотрите вы одну, две другие только тормозят.
- Проверьте в панели хостинга версию PHP — часто её можно поменять одним переключателем. Но после смены обязательно пройдитесь по сайту и проверьте формы и корзину.
Если после изменения что-то сломалось — откатите его. Экспериментировать на живом сайте без резервной копии не стоит.
Что лучше поручить разработчику
Более глубокие вещи требуют доступа к коду и серверу и понимания, как всё связано. Сюда относятся настройка кеширования и сжатия на сервере, автоматический перевод фото в современные форматы, отложенная загрузка скриптов и изображений, подключение шрифтов без прыжков, чистка лишнего кода из темы, переезд на хороший хостинг.
Эти правки легко сделать неправильно: сломать форму заказа, корзину или аналитику. Поэтому мы сначала проверяем сайт, составляем список конкретных причин и только потом беремся за исправления — от самых ощутимых к мелким.
После работы мы повторяем ту же проверку и показываем вам результат до и после. Отдельно проходим ключевые сценарии: оформление заказа, отправку формы, поиск, работу на телефоне. Ускорение не имеет смысла, если по дороге сломалась кнопка «Купить».
Сколько это стоит у нас. Если проблема локальная — сжать фото, настроить кеш, убрать пару тяжёлых скриптов, — это задача на несколько часов за 2 200 ₴. Если нужно комплексное ускорение до зелёных показателей PageSpeed, с разбором темы, плагинов и хостинга, — это большая доработка от 9 900 ₴. Подробнее — на странице доработки сайтов. Предоплата 50 %, остаток — после того, как вы проверите результат.
Как мы делаем быстрые сайты с самого начала
Ускорять готовый сайт — это всегда компромисс: что-то можно исправить, а что-то заложено в самой основе. Поэтому новые проекты мы сразу строим так, чтобы они были лёгкими.
Бывает, что сайт медленный в самой основе: старая тема с десятками встроенных функций, конструктор, который не даёт поменять код, или наслоение правок от нескольких разных исполнителей. Тогда латание даёт лишь частичный результат, и честнее сказать об этом сразу. В таких случаях мы сравниваем стоимость доработки со стоимостью нового лёгкого сайта — и вы выбираете, что выгоднее именно вам.
Пример — наш каталог Peony Collection на 124 сорта пионов. Он собран статикой: страницы готовятся заранее, и сервер просто отдаёт готовый файл, ничего не вычисляя на лету. Фото сжимаются автоматически, лишних скриптов нет. В итоге каталог открывается практически мгновенно даже с телефона. Другие наши работы можно посмотреть в портфолио.
Итог: с чего начать
Начните с простой проверки: запустите бесплатную проверку сайта и PageSpeed для мобильной версии. Посмотрите на три показателя — LCP, CLS и INP — и на список замечаний. Чаще всего виноваты тяжёлые фото, лишние плагины, виджеты и слабый хостинг, и часть из этого вы можете убрать сами.
Если разбираться самому не хочется или после простых шагов оценка всё равно красная — напишите нам в Telegram или Viber и пришлите адрес сайта. Мы посмотрим, что именно тормозит, и скажем, хватит ли задачи на несколько часов или нужна доработка побольше.
Нужна такая же система?
Расскажите задачу — ответим, сколько это стоит и сколько займёт.