Почему мой сайт медленный? 5 причин, объяснённых для новичков

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

Сначала измерить, а не полагаться на ощущения

Ваш сайт кажется вам быстрым, потому что браузер хранит его копию в памяти и потому что у вас оптоволокно. Ваши же посетители приходят впервые, по мобильному интернету, на улице. Проверьте так, как это делают они: откройте PageSpeed Insights (бесплатно, от Google), вставьте свой адрес и посмотрите на оценку для мобильных. Ниже 50 — есть проблема; выше 90 — её нет.

Причина №1: слишком тяжёлые картинки

Это, безусловно, самая частая причина. Фотография с телефона весит от 3 до 6 МБ; при показе шириной 800 пикселей ей хватило бы 100 КБ, то есть в 50 раз меньше. Пять фотографий, выложенных как есть, — и страница весит больше короткометражного фильма. Посетитель с мобильным интернетом ждёт, экран остаётся белым.

Лекарство: уменьшить каждую картинку до размера, в котором она будет показана, сжать её (форматы WebP или AVIF уменьшают вес ещё вдвое) и загружать только те, что видны на экране, а остальные — по мере прокрутки.

Причина №2: слишком много сторонних скриптов

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

Причина №3: страница собирается при каждом посещении

Сайт на CMS (WordPress и ему подобные) хранит не страницы, а фрагменты в базе данных. Для каждого посетителя сервер собирает страницу заново: запускает программу, обращается к базе, выполняет каждый установленный плагин и только потом отправляет результат. С десятью плагинами и тяжёлой темой эта сборка занимает одну-две секунды до того, как уйдёт первый байт. У статического сайта, где страница уже существует в виде файла, этой задержки нет.

Причина №4: перегруженный виртуальный хостинг

На виртуальном хостинге за пару сотен рублей в месяц ваш сайт делит одну машину с сотнями других. Когда один из них атакуют или у него всплеск трафика, замедляются все. Вы ничего не можете с этим сделать и даже не видите этого: сайт медленный «иногда», без видимой причины. Веб-хостинг простыми словами подробно объясняет разницу между виртуальным и выделенным.

Причина №5: сервер на другом конце света

Каждый обмен между браузером и сервером — это физический путь туда и обратно. До сервера в Европе он занимает десяток миллисекунд; до сервера в США — сотню, а странице таких обменов нужны десятки. Для посетителей из Европы сервер в Европе — единственно верный ответ. Путешествие страницы в 5 шагов показывает, где именно это расстояние вмешивается.

Что Leopar делает за вас

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

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

Частые вопросы

Какое время загрузки считается хорошим?
Меньше 2 секунд на мобильном до появления основного содержимого. Свыше 3 секунд значительная часть посетителей уходит.

Мой сайт медленный только на телефоне, почему?
Потому что мобильное соединение менее стабильно, а процессор слабее: тяжёлые картинки и скрипты весят вдвое больше. Проверка PageSpeed в мобильном режиме сразу это показывает.

Решает ли проблему «плагин кэширования»?
Он маскирует причину №3, сохраняя копию собранных страниц. На CMS это полезно, но он не влияет ни на картинки, ни на скрипты, ни на хостинг.

Важна ли скорость для Google?
Да, это официальный фактор ранжирования на мобильных с 2018 года, а «Core Web Vitals» точно измеряют качество загрузки.