Как проверить и увеличить скорость загрузки сайта

Низкая скорость загрузки может негативно влиять на конверсию и другие показатели интернет-бизнеса.
В новой статье разбираемся, какая скорость загрузки сайтов считается нормальной, как ее измерить и увеличить.

Почему низкая скорость загрузки сайта — проблема?

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

• люди в 2 раза больше взаимодействуют с сайтами на мобильных устройствах, чем с десктопов, планшетов и даже телевидения;
• 60% пользователей после негативного опыта не будут возвращаться на сайт и покупать товары/услуги;
• 53% посещений с мобильных телефонов заканчиваются преждевременно, если загрузка страниц занимает больше 3 секунд.

Поэтому задача №1 в 2019 году — сделать загрузку мобильных сайтов максимально быстрой.

Еще одна немаловажная проблема — ранжирование ресурса поисковыми системами. Раньше Google не проверял оптимизацию мобильной версии, поэтому она не влияла на позиции сайта. После запуска Mobile First Index ситуация изменилась: если мобильная версия вашего сайта загружается долго, то десктопная версия теряет позиции в поисковой выдаче.

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

Google классифицирует сайты на три типа:

• с хорошей скоростью загрузки (менее 1 секунды);
• со средней скоростью (1-2,1 секунды);
• с плохой (более 2,1 секунды).

Показатели для мобильной версии сайта ниже и тоже разделяются на три типа:

• с хорошей скоростью (менее 1,6 секунды);
• со средней скоростью (от 1,6 до 3 секунд);
• с плохой (более 3 секунд).

Google накладывает поисковые санкции только на сайты с плохой скоростью, поэтому если скорость загрузки страниц средняя — пока нет поводов для паники.

Проверяем время загрузки сайта

Проверить сайт можно на одном из специальных сервисов. Они легко устроены: нужно только вставить URL-сайта и посмотреть результат.
Мы покажем несколько таких сервисов.

PageSpeed Insights

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

*оценка нашего сайта на сервисе PageSpeed Insights. Наш сайт с хорошей скоростью загрузки.

Pingdom Tools

Сервис позволяет:

• быстро проанализировать сайт;
• посмотреть детальное описание проблем, которые замедляют загрузку сайта;
• отследить историю производительности сайта;
• вовремя найти ошибки и устранить их;
• просмотреть размер содержимого по типу контента и домену.

GTmetrix

GTmetrix напоминает Pingdom Tools, но отчет о скорости загрузки сайта выглядит удобнее. Можно посмотреть:

• расположение сервера;
• скорость загрузки страницы;
• запросы;
• динамику скорости сайта (сохраняет все версии анализа).

Ускорить загрузку ресурса

Способов для ускорения загрузки ресурса много. Мы рассмотрим основные из них.

Сжать страницы большого размера

Для этого можно использовать инструмент GZip. Он сокращает объем данных, которые браузер передает пользователю. Так можно уменьшить объем данных и увеличить скорость загрузки сайта.

Возможно на вашем сайте уже используется инструмент GZip. Это можно проверить в PageSpeed Insights.

Заменить формат картинок

Изображения большого размера замедляют загрузку страниц, поэтому рекомендуем использовать изображения в формате JPEG 2000, JPEG XR и WebP. Изображения в этих форматах будут загружаться быстрее и потреблять меньше трафика, чем в PNG и JPEG.

*оптимизация фото с помощью Photoshop. Для этого необходимо выбрать в меню “Файл-Сохранить для Web” (в некоторых версиях программы – “Файл-Экспорт-Сохранить для Web”). В открывшемся окне пользователь может изменить процент качества фото (1). Для оптимизации рекомендуется выставлять это значение от 60 до 100. Также можно изменить и разрешение фотографии (2). Оба эти параметра влияют на итоговый “вес” изображения.
Еще можно использовать специальный плагин на WordPress, который будет автоматически конвертировать изображения в оптимальный формат.

Уменьшить количество запросов от браузера к серверу

Лишние элементы увеличивают время загрузки страниц. Уменьшить время загрузки можно несколькими способами:

• удалить лишние элементы, которые перегружают сайт (изображения, JavaScript-файлы);
• объединить некоторые элементы в CSS-спрайты;
• использовать кэширование (браузер будет сохранять данные на компьютер и подгружать их во время повторных визитов сайта).

Упростить код JavaScript и CSS

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

• проверить код и почистить его;
• разместить компоненты CSS в начале страницы (чтобы они отображались постепенно, а не отдельными компонентами);
• вынести код JavaScript в конец страницы (так браузер первым делом будет загружать тексты и изображения страниц, а потом — скрипты).

Уменьшить расстояние от пользователя до сервера

>Расстояние от вашего компьютера до сервера влияет на скорость загрузки страниц. Сократить расстояние и повысить скорость загрузки страниц можно с помощью сетей доставки контента CDN (например, Incapsula). Такие сети загружают веб-файлы с ближайшего сервера.

Сменить хостинг

Если вы учли все моменты, а сайт все равно медленно загружается — рекомендуем проверить время ответа сервера. Это можно сделать в Google Analytics. Допустимое время ответа сервера — 0,2 секунды. Если страницы загружаются дольше, остается один выход — сменить хостинг.

Выводы

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

• проверить скорость загрузки ресурса (ссылки на сервисы в статье);
• определить слабые стороны сайта;
• внести изменения (например, изменить размер изображений).