Скорость загрузки: что тормозит страницу и что чинится без разработчика

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

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

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

Главная мысль сразу: скорость загрузки сайта — это не техническая мелочь для разработчиков, а фильтр, через который проходят все ваши посетители, включая оплаченных. Причём сильнее всего он режет тех, кто пришёл с телефона в дороге, — а это большинство.

Что вы узнаете из статьи

• Сколько на самом деле готов ждать человек и что происходит после этого порога
• Почему ваш сайт кажется вам быстрым, хотя для посетителей он медленный
• Пять причин медленной загрузки в порядке частоты — от фотографий до виджетов
• Что вы поправите сами за вечер, а что придётся отдать разработчику
• Как замерить скорость честно и понять, стоит ли вообще этим заниматься

---

Секунды, которые стоят денег

Ожидание переносится нелинейно. Первые полторы-две секунды человек не замечает вовсе. На третьей он начинает подозревать, что что-то не так. На пятой — возвращается к результатам поиска, где ждут ещё девять вариантов. Это не про терпение конкретного человека, а про привычку: если соседняя вкладка открывается сразу, ждать эту нет никаких причин.

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

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

Пять причин, куда уходит время

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

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

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

Четвёртая: тяжёлая тема или конструктор. Универсальный шаблон умеет всё на свете и тащит с собой код для всего на свете, включая разделы, которых у вас нет: интернет-магазин, форум, календарь событий.

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

Как замерить честно и что делать дальше

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

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

Дальше — что реально сделать своими руками.

Уменьшить фотографии до нужного размера и пережать их. Бесплатных сервисов для этого десятки, вес падает в пять-десять раз, разница на глаз не видна. Это одна правка, которая обычно даёт больше, чем все остальные вместе.

Снять со страниц виджеты, которыми вы не пользуетесь. Честно посчитайте: сколько обращений за последний квартал пришло через онлайн-чат? Если ноль, чат стоит вам скорости каждый день.

Убрать фоновое видео с первого экрана или заменить его на статичный кадр. Смотреть его всё равно некому: на телефоне оно чаще всего не воспроизводится, а вес скачивается.

Включить кэширование и сжатие — в большинстве систем управления сайтом это галочка в настройках или бесплатное расширение.

Что потребует разработчика: перенос на нормальный хостинг, отложенная загрузка изображений, чистка неиспользуемого кода темы, настройка сети доставки содержимого. Это разовые работы, и после списка замечаний на руках они обсуждаются предметно, а не в формате «сделайте нам побыстрее».

Замерить вручную две-три страницы несложно. Сложно понять, что происходит на сорока и какие из них важнее. Наша разовая проверка сайта делает замер по обойденным страницам и раскладывает найденное по уровням срочности — вместе с ещё семью направлениями разбора. Отчёт приходит на почту примерно через час, и по нему уже видно, в каком порядке браться за замечания.

---

Сверьтесь с собой

Четыре признака, что вы теряете людей на загрузке.

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

Второй: на первом экране стоит видео или крупная фотография, которую загружали прямо с камеры.

Третий: на страницах живут два и более виджета, установленных под давно закончившиеся задачи.

Четвёртый: реклама приводит переходы, а заявок нет, и объяснить это ценой или сезоном не получается.

Совпало два пункта и больше? Значит, часть трафика — включая оплаченный — не доходит до вашего предложения физически.

---

Часто задаваемые вопросы

Какая скорость считается нормальной?

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

Насколько сильно скорость влияет на позиции в поиске?

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

Стоит ли делать отдельную мобильную версию сайта?

Обычно нет: современные шаблоны подстраиваются под ширину экрана сами. Отдельная версия — это второй сайт, который придётся обновлять параллельно, и на нём часто теряются страницы.

У меня магазин, фотографий много и они должны быть качественными. Что делать?

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

Мы поменяли хостинг, а быстрее не стало. Почему?

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

---

Заключение

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

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

Если нужен разбор по всем страницам сразу, с замером и списком того, что тормозит каждую, — это делает разовая проверка сайта: адрес, почта, оплата, отчёт на почте примерно через час. Заказать можно на dobro-code.ru/seo-audit.