Скорость загрузки сайта: как проверить и ускорить

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

Почему скорость — это прямые деньги

Человек, который ищет услугу в интернете, нетерпелив. Он открывает сразу несколько вкладок и идёт туда, где страница показалась первой. Если ваш сайт задумался, посетитель закрывает его, даже не осознавая почему — просто «не открылось».

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

Почему скорость влияет на позиции в поиске

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

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

Как проверить скорость: PageSpeed Insights

Главный бесплатный инструмент — PageSpeed Insights от Google. Вставляете адрес страницы, нажимаете «Анализировать» и через полминуты получаете оценку от 0 до 100 отдельно для мобильных и для компьютеров. Проверять стоит именно мобильную вкладку — она обычно строже и ближе к реальности.

Что означают цвета:

• 90–100 (зелёный) — отлично, сайт летает;
• 50–89 (жёлтый) — терпимо, но есть что улучшить;
• 0–49 (красный) — сайт реально медленный, теряете и людей, и позиции.

Под общим баллом идут несколько показателей с непонятными названиями. Разберём два главных простыми словами.

LCP — это время, за которое загружается самый крупный элемент на экране: большая картинка или заголовок. Проще говоря, через сколько секунд человек видит «главное», ради чего зашёл. Хорошо — до 2,5 секунды. Если LCP четыре секунды и больше, посетитель успевает заскучать.

CLS — это «прыгучесть» страницы. Знакомая ситуация: вы читаете текст, а он вдруг скачет вниз, потому что сверху дозагрузилась картинка или баннер, и вы случайно нажимаете не туда. Чем меньше CLS, тем спокойнее ведёт себя страница. Раздражающие прыжки не только злят людей, но и роняют оценку.

Как проверить в Яндекс.Вебмастере

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

Что чаще всего тормозит сайт малого бизнеса

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

1. Тяжёлые несжатые фотографии. Самая частая беда. Снимок прямо с телефона весит 5–8 мегабайт, а на странице их десяток. Браузер вынужден скачать всё это, прежде чем показать. Сжатое фото того же качества весит в 20–50 раз меньше.
2. Дешёвый перегруженный хостинг. Хостинг — это компьютер, где живёт ваш сайт. На самых дешёвых тарифах на одном сервере теснятся сотни сайтов, и все делят его мощность. В час пик ваш сайт «стоит в очереди».
3. Лишние сторонние скрипты и виджеты. Онлайн-чат, три счётчика аналитики, всплывающее окно, виджет обратного звонка, карта, лента отзывов — каждый подгружает свой код с чужих серверов. По отдельности мелочь, вместе — гиря на ногах.
4. Отсутствие кеширования. Кеш — это «память» сайта, которая позволяет не собирать страницу заново при каждом заходе. Без него сервер каждый раз делает лишнюю работу, и посетитель ждёт.

Что владелец может исправить сам

Две вещи из списка вы почините без программиста уже сегодня.

Сжать изображения. Прогоните фотографии через бесплатный онлайн-сервис сжатия (их легко найти по запросу «сжать jpg») перед загрузкой на сайт. Вес падает в разы, глаз разницы не замечает. Ориентир: фото для страницы не должно весить больше 200–300 килобайт, а иконки и логотипы — и вовсе десятки килобайт. Уже одно это часто ускоряет сайт вдвое.

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

Эти два действия ничего не стоят, кроме вашего времени, и дают заметный результат. С них и начните.

Что делается через разработчика

Более глубокие вещи требуют рук специалиста, зато и эффект дают сильнее:

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

Сколько это примерно стоит

Порядок цифр, чтобы вы понимали разговор с исполнителем. Сжатие картинок и чистка виджетов своими руками — бесплатно. Разовая работа мастера по ускорению (кеш, оптимизация, отложенная загрузка) для типового сайта услуг — ориентировочно 5 000–20 000 рублей в зависимости от запущенности. Нормальный виртуальный хостинг — 300–800 рублей в месяц. CDN для малого бизнеса часто есть в бесплатном тарифе, платные версии — несколько сотен рублей в месяц. Это несопоставимо мало на фоне бюджета, который сгорает из-за уходящих с медленного сайта посетителей.

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

Здесь главное — не впасть в перфекционизм. Гнаться за 100 из 100 в PageSpeed не нужно, и вот почему: последние баллы даются ценой непропорционально дорогой и хрупкой оптимизации, которую легко сломать при первом же обновлении сайта. Цифра «100» тешит самолюбие, но на заявки почти не влияет.

Здоровый ориентир для сайта услуг: оценка от 70 на мобильных, LCP до 2,5–3 секунд, страница открывается визуально за 2–3 секунды. Этого достаточно, чтобы посетитель не уходил, а поисковик не штрафовал. Разница между 45 и 75 баллами — это деньги. Разница между 90 и 100 — почти всегда потраченное впустую время.

Пример с цифрами: как ускорение вернуло заявки

Небольшая клининговая компания жаловалась на дорогую рекламу. Сайт красивый, на главной — карусель из двенадцати фотографий прямо с телефона, онлайн-чат, две карты и три счётчика. PageSpeed на мобильных показывал 34 балла, LCP — 6,2 секунды. Люди приходили с рекламы и уходили, не дождавшись.

Считаем «до»: 1000 переходов с рекламы в месяц, из них до сайта фактически «долистывало» около 55%, остальные закрывали вкладку на загрузке. Из долиставших оставляли заявку 3% — примерно 17 заявок при рекламном бюджете 40 000 рублей. Цена заявки — около 2 350 рублей.

Что сделали: владелец сам сжал фотографии (общий вес первого экрана упал с 14 МБ до 900 КБ) и убрал чат с одной из карт. Разработчик настроил кеш, включил отложенную загрузку и подключил бесплатный CDN. Работа заняла два дня и обошлась в 12 000 рублей разово.

Результат: PageSpeed вырос до 78 баллов, LCP — до 2,1 секунды. До сайта стало «долистывать» уже около 85% переходов. При той же конверсии в 3% и том же бюджете получилось около 26 заявок в месяц — рост в полтора раза без единого лишнего рубля на рекламу. Цена заявки упала до 1 540 рублей. Разовые 12 000 окупились в первый же месяц.

Мифы о скорости загрузки

• «Красивый сайт обязан быть тяжёлым». Нет. Тяжесть — это несжатые файлы и лишние скрипты, а не красота. Аккуратный сайт бывает и красивым, и быстрым.
• «У меня на компьютере всё летает, значит всё в порядке». У вас мощный интернет и сайт уже в кеше браузера. Клиент открывает его впервые с телефона в метро — картина другая.
• «Надо добиться 100 из 100». Не надо. Это дорого, хрупко и на заявки почти не влияет. 70–80 на мобильных достаточно.
• «Ускорение — это дорого и сложно». Половина эффекта достигается сжатием картинок и чисткой виджетов бесплатно за вечер.

Короткий вывод и что делать дальше

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

1. Проверьте сайт в PageSpeed Insights на вкладке «Мобильные» и загляните в Яндекс.Вебмастер.
2. Сожмите все тяжёлые фотографии и уберите виджеты, которыми никто не пользуется, — это вы сделаете сами.
3. Отдайте разработчику то, что требует рук: кеш, оптимизацию кода, CDN, при необходимости — переезд на нормальный хостинг.
4. Стремитесь к 70+ на мобильных и загрузке за 2–3 секунды, не гонитесь за сотней.

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