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

Что такое скорость загрузки сайта и почему она важна

Время, проходящее после клика на ссылку до полной загрузки сайта – это и есть та скорость, которая влияет на ранжирование в поисковых системах. Это не единственный фактор ранжирования, но его стоит учитывать.

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

Для коммерческого ресурса медленная загрузка страниц означает потерю клиентов и доходов. Статистика от WebSiteBuilderExpert предоставляет массу фактов для размышления:

1. Каждый четвертый пользователь закроет сайт, прогружающийся дольше 4 секунд.
2. 53% мобильных пользователей закроют страницу сайта, если она загружается дольше 3 секунд.
3. Каждая секунда задержки уменьшает удовлетворенность посетителей на 16%.
4. 46% пользователей больше не возвращаются на медленный сайт.
5. 64% недовольных покупателей в следующий раз будут покупать в другом месте.
6. 82% покупателей говорят, что скорость загрузки страницы влияет на их решение о покупке.

В этом исследовании (https://www.thinkwithgoogle.com/intl/en-emea/marketing-strategies/app-and-mobile/mobile-page-speed-new-industry-benchmarks/) можно увидеть прямую взаимосвязь между временем загрузки и процентом отказов:

1. Когда время загрузки страницы составляет от 1 до 3 секунд – вероятность отказов увеличивается на 32%.
2. Когда время загрузки страницы составляет от 1 до 5 секунд – вероятность отказов увеличивается на 90%.
3. Когда время загрузки страницы составляет от 1 до 6 секунд – вероятность отказов увеличивается на 106%.
4. Когда время загрузки страницы составляет от 1 до 10 секунд – вероятность отказов увеличивается на 123%.

Отсюда мы можем сделать вывод, что людей раздражает медленная загрузка страниц и это плохо сказывается как на конверсии, так и на поведенческих факторах. Это складывается в общее впечатление о компании – особенно если бизнес ведется только онлайн.

Поисковые системы учитывают реакции пользователей, поэтому алгоритм ранжирования Speed Update от Google автоматически перемещает вниз медленные страницы.

А благодаря Mobile First Indexing, длительная загрузка мобильной версии сайта ведет к потере позиций в выдаче для десктопной версии. Поэтому стоит отслеживать и контролировать скорость загрузки страниц сайта.

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

Проверить скорость загрузки страниц можно с помощью популярных сервисов. Чаще всего достаточно вставить URL-сайта в специальное поле и нажать кнопку для запуска теста. Иногда еще можно выбрать тип устройства (телефон или компьютер) и географическую зону для проверки.

Лучшие сервисы для проверки скорости

1. PageSpeed Insights. Минималистичный инструмент от Google для проверки производительности страниц и сайта в целом. Он оценивает скорость загрузки основного контента, скорость загрузки для взаимодействия с сайтом и выдает оценку по 100 бальной шкале.

Все, что находится в промежутке между 90 и 100 баллами считается хорошим результатом. А если ваш сайт набрал меньше 90 баллов, то ему нужна оптимизация. Для проверки отдельной страницы это тоже справедливо.

PageSpeed Insights дает рекомендации по оптимизации и показывает, насколько быстрее будет загружаться сайт или страница, если выполнить те, или иные действия. Использует для анализа технологию Lighthouse.

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

Этот сервис проведет сравнение с образцом по качеству верстки, использованию кеша и другим параметрам. По итогу проверки покажет производительность, доступность и уровень SEO-оптимизации сайта. Дает технические рекомендации по улучшению показателей скорости.

3. Pingdom Tools. С помощью этого инструмента можно быстро:

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

Как и предыдущий сервис, Pingdom Tools предложит меры по ускорению ресурса.

4. GTmetrix. Во многом похож на Pingdom Tools, но с более удобными отчетами. Он выдаст данные о:

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

GTmetrix работает на базе Lighthouse. С его помощью будет легко отслеживать результаты действий по оптимизации.

5. Webpagetest. Тоже удобный и функциональный сервис, в котором можно провести проверку скорости загрузки с имитацией геолокации, браузера или устройства. Инструмент выдает баллы по разным показателям и позволяет наблюдать за динамикой скорости загрузки в истории.

Показатели скорости загрузки страниц

Нормальная скорость – это тот уровень быстродействия, который комфортен для посетителей ресурса и приемлем для поисковиков. Тут есть градация.

Считается, что высокая скорость загрузки до 1 секунды, средняя – 1-3 секунды, а низкая составляет более 3 секунд и требует немедленной оптимизации. Это подтверждается нашей практикой и многочисленными исследованиями.

Если для отдельных проектов скорость загрузки в 3-5 секунд считается критически низкой, то для интернет-магазинов и маркетплейсов такой показатель недопустим. Именно с 3 секунды начинается критический отток посетителей, что сказывается на продажах.

Влияние скорости сайта на ранжирование в поисковых системах

Для Google скорость загрузки сайта, измеряемая в секундах – это лишь один из многочисленных факторов ранжирования. А для людей медленная загрузка сайта – это веская причина закрыть его.

Уход посетителей из-за медленной загрузки сайта формирует высокий процент отказов. Из-за высокого процента отказов позиции сайта будут падать и эта тенденция сохранится до тех пор, пока не будут приняты меры по его ускорению.

Еще один важный момент связан с индексацией. Поисковые системы выделяют определенное время на индексацию контента.

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

Требования Google к скорости загрузки сайта

Классификация от Google выглядит довольно просто.

Для десктопных версий сайта скорость загрузки:

• хорошая – до 1 секунды;
• средняя – от 1 до 2,1 секунд;
• низкая – дольше 2,1 секунд.

Для мобильных версий сайта скорость загрузки:

• хорошая – до 1,6 секунд;
• средняя – от 1,6 до 3 секунд;
• низкая – дольше 3 секунд.

Цифры для мобильных устройств немного отличаются, так как Интернет на них преимущественно слабее, если не подключаться к сети WI-FI.

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

Как Google оценивает скорость загрузки

Google учитывает разные этапы загрузки и оценивает скорость по 3 основным параметрам:

LCP (Largest Contentful Paint) – время загрузки основного контента на странице. Это тот контент, который дает пользователю представление о содержании и назначении страницы, он критически важен с точки зрения процента отказов.

INP (Interaction to Next Paint) – время между действием пользователя и проявлением изменений на сайте. Это важно с точки зрения взаимодействия, получения и обновления информации, конверсий.

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

С марта 2024 года этот показатель заменяет FID (First Input Delay). Он отличается тем, что измеряет скорость всех взаимодействий пользователя с сайтом, тогда как FID измерял скорость только первого взаимодействия и это не давало полной картины.

CLS (Cumulative Layout Shift) – оценка сдвига верстки при открытии или обновлении страницы. Величина выражается в баллах, фиксируются только видимые пользователю сдвиги. Они связаны с тем, что некоторые части контента прогружаются быстрее, чем другие.

Эти параметры входят в Core Web Vitals. На основании этих показателей можно оценить комфорт пользователей от использования сайта. Google учитывает эти и другие показатели для оценки качества сайта в целом.

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

На скорость отображения веб-страницы влияет ряд факторов:

1. Количество HTTP-запросов серверу.
2. Валидность HTML кода.
3. Вес, размер и формат изображений.
4. Объем кода CSS и JS.
5. Место размещения элементов CSS и JS на странице.
6. Количество редиректов страницы.
7. Кэширование содержимого.
8. Настройки сжатия файлов.
9. Использование системы CDN.

При грамотном подходе все можно оптимизировать. Поэтому давайте рассмотрим подробнее.

Проверка и уменьшение времени ответа сервера

В отличие от скорости полной загрузки, время ответа сервера – это период от браузерного запроса до вывода на экран первого байта страницы.

Для успешного ранжирования этот показатель не может превышать 200 миллисекунд. Оптимальный результат – в 4 раза меньше. Если время ответа сервера превышает 200 миллисекунд, то надо принимать меры. Проверить время ответа сервера можно с помощью:

• DevTools;
• Google Analytics;
• Netpeak Spider;
• Serpstat;
• GTmetrix и др.

Следует опираться на простое правило – каким бы ни был ваш результат, его всегда нужно стремиться сократить. Это можно сделать с помощью CDN (Content Delivery Network) – географически распределенной сети серверов.

CDN загружает веб-файлы с ближайшего сервера. За счет сокращения расстояния между сервером и пользователем графический и текстовый контент загружается быстрее. Также обращайте внимание на качество хостинга – оно напрямую связано с мощностью сервера.

Техническая оптимизация сайта

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

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

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

Поэтому лучше делать SEO-оптимизацию на этапе создания сайта и привлекать SEO-специалиста в ходе текущей работы.

В случае с уже существующим сайтом надо начать с SEO-аудита – это поможет определиться с дальнейшими действиями и устранить ошибки. Для проверки на вирусы можно использовать Quterra, Sucuri и другие популярные сервисы.

Оптимизация CSS и Javascript

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

1. Выполнить минификацию кода с помощью специальных сервисов: Minifier, Willpeavy, CSS Compressor.
2. Использовать правильную очередность загрузки ресурсов, осуществить правильную компоновку CSS – в начале страницы для постепенного отображения.
3. Минимизировать количество JavaScript кода для отрисовки первого экрана (переместить его в конец страницы, чтобы браузер загружал скрипты после текстов и изображений.
4. Подключить JavaScript и CSS по типам страниц, чтобы исключить траты времени загрузки на файлы, которые не используются.
5. Отказаться от запросов @import url("style.css").

Работа с контентом на сайте

Изобилие визуального контента сказывается на скорости загрузки ресурса, при этом показатели разных страниц могут сильно отличаться.

Рекомендуем проверить быстродействие каждой страницы отдельно и работать с теми, которые действительно нуждаются в оптимизации.

Сжатие изображений

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

Учитывайте, что изображение должно быть как можно меньше, но без заметной глазом потери качества при его оптимизации. Программы Screaming Frog и Netpeak Spider указывают, как ошибку графические файлы размером более 100 Кб.

Стоит использовать GZIP сжатие, благодаря которому без потери качества изображений можно вдвое сократить объем загружаемого контента, а значит – увеличить скорость загрузки.

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

Файлы изображений часто содержат избыточные мета-данные, удаление которых не повлияет на качество, но сократит размер картинки.

Если у вас есть видео, то для ускорения загрузки первого видимого контента лучше разместить его ниже на странице и использовать отложенную загрузку (lazy loading). Тогда видео будет загружаться по мере прокрутки страницы (скролла), что хорошо с точки зрения поведенческих факторов.

Оптимизация шрифтов

Веб-шрифты (при их относительно незначительном весе) могут негативно влиять на скорость загрузки. Факторы влияния следующие:

1. Количество шрифтов. Многообразие – явное излишество. На быстрых сайтах обычно используется 1–3 шрифта с не более, чем 3 начертаниями для каждого.
2. Подбор шрифтов. Некорректные наборы шрифтов и загрузка вариантов, которые не поддерживают текущий язык сайта – распространенное упущение.
3. Показ при загрузке. Чтобы посетителям не приходилось смотреть на пустой экран в ожидании загрузки файла шрифта, следует добавить в стили свойство «font-display:swap», благодаря чему текст будет до загрузки отображаться системным шрифтом.
4. Использование шрифтов WOFF2. Это сжатая версия формата WOFF. WOFF2 использует алгоритм Brotli для сжатия данных шрифта, благодаря чему размеры файлов становятся меньше, чем у шрифтов WOFF. В результате шрифты на сайте прогружаются быстрее.

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

Выводы и рекомендации

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

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

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

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