Скорость сайта: почему это деньги, а не техническая мелочь

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

Почему это важно

Две причины, и обе прямые.

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

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

Что тормозит чаще всего

Фотографии в исходном размере

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

Десяток таких фотографий на странице — и она весит больше двадцати мегабайт. На мобильном интернете это десятки секунд.

Что делать: уменьшать до реального размера показа, сжимать, отдавать в современных форматах, подгружать нижние картинки только при прокрутке.

Лишние скрипты

Счётчики, чаты, виджеты обратного звонка, карты, кнопки соцсетей. Каждый тянет свой код с чужого сервера. Три-четыре виджета легко удваивают время загрузки.

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

Шрифты

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

Тяжёлый движок

Универсальная CMS с десятком дополнений выполняет много кода на каждый запрос. Лечится кэшированием, но кэш — это надстройка над проблемой, а не её решение.

Отсутствие кэша на стороне браузера

Если не сказать браузеру, что картинки и стили можно сохранить, он будет скачивать их заново при каждом переходе. Настраивается один раз на сервере.

Как проверить

Откройте сайт на своём телефоне, отключив Wi-Fi. Это самая честная проверка — она показывает то, что видит ваш клиент по дороге на работу. Плюс инструменты вроде PageSpeed Insights, но начните с телефона.

Что даёт наибольший эффект

По моему опыту, порядок такой:

• Привести в порядок изображения — обычно это половина проблемы или больше.
• Убрать неиспользуемые виджеты и скрипты.
• Настроить кэширование статики.
• Сократить количество шрифтов.

Первые два пункта часто дают ускорение в несколько раз и не требуют переделки сайта.

Коротко

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