Почему важна скорость загрузки сайтов + 9 сервисов для её проверки

Не думай о секундах свысока! (с) Казалось бы, пара секунд — это такая малость.

Ну какая разница, загружается сайт 1 секунду или 5?

Ведь это мгновение, буквально глазом моргнуть не успеешь!

Но нет. Исследования Google (2017 год) показали, что уже 3 года назад 53% мобильных пользователей покидали сайт, если он грузился дольше 3 секунд.

Тот же Google выяснил, что при снижении этого показателя с 1 до 10 секунд вероятность отказов увеличивается на 123%.

И вот как это происходит:

А вот результаты исследования 2019 года, которое провела команда платформы для маркетологов Unbounce: 70% пользователей Интернета признают, что скорость загрузки сайта влияет на вероятность покупки — а это самый важный показатель.

Влияет скорость загрузки и на поисковое ранжирование сайта — по крайней мере, в этом уверен Google, который знает всё.

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

При этом маркетологи, да и веб-мастера до сих пор склонны недооценивать этот параметр — что, собственно, и стало поводом для подготовки статьи.

Почему сайты медленно загружаются

Проблемы медленной загрузки сайтов, и особенно мобильных версий, живее всех живых даже в 2020 году.

Разберёмся, почему так происходит и кто виноват.

Коротко скажем о том, что с этим можно сделать.

Казалось бы, проблема ме-едленной и печальной загрузки сайтов должна умереть вместе с эпохой аналоговых модемов, через которые пользователи выходили в Интернет.

Но это не так.

И сегодня, в 2020 году, пользователи тратят порой до 20 (!) секунд, ожидая загрузки ресурса.

Только 2% всех сайтов загружаются со скоростью более 3 секунд.

А это тысячи, а то и сотни тысяч долларов недополученной прибыли владельцев 98% ресурсов.

Получается, дело не в модемах. Тогда в чём же? Причин немало.

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

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

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

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

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

Вряд ли это входило в Ваши долгосрочные планы.

Слишком много HTTP-запросов. Большую часть общего времени загрузки забирают таблицы стилей, изображения, сценарии.

Чем больше таких компонентов на сайте, тем больше HTTP-запросов и тем ниже скорость загрузки.

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

Скорость ответа сайта или «время до первого байта» (TTFB). Это время отправления запроса к серверу плюс время ответа сервера.

В идеале время должно быть не больше 200 миллисекунд.

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

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

Встроенные видео. Любые размещённые на платформе Вашего сайта видео (особенно неоптимизированные) увеличивают время загрузки ресурса, а при не слишком хорошем хостинге ещё и воспроизводятся с помехами, зависаниями и торможением.

Оптимальное решение — размещать видео на специализированных видеохостингах, например, на YouTube, и только затем встраивать на ресурс.

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

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

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

…И это далеко не все возможные ошибки.

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

Гостевой пост со ссылкой, каталоги сайтов ― любая точка входа должна быть «скоростной».

Кстати, найти сайты, блоги, каталоги, которые принимают гостевые посты, можно с помощью нашей утилиты.

Больше, еще намного больше причин снижения скорости загрузки конкретного ресурса помогут выявить специализированные сервисы.

Вы хотите получать бесплатный трафик?

Вас интересует продвижение своего сайта?

Заполните форму ниже и я лично свяжусь с Вами и мы обсудим план по раскрутке вашего бизнеса!

Топ-3 сервисов для проверки скорости загрузки сайтов

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

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

Google PageSpeed Insights — отличный сервис от Google

Google PageSpeed Insight — официальный инструмент компании Google, который знают, почитают и уважают веб-специалисты всего мира.

У него очень простой и понятный интерфейс и хороший набор функций. Запущен в 2012 году.

Просто введите в поисковую строку адрес ресурса и нажмите кнопку «Анализировать». И начнутся чудеса!

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

Вы увидите оценку скорости загрузки сайта по 100-балльной шкале.

Отметим, что с 2018 года удовлетворительной считается скорость на 90-100 баллов.

Всё, что грузится дольше — тлен.

Сервис проведёт имитацию загрузки страницы и выдаст Вам 6 значимых показателей.

Наконец, сервис проведёт диагностику и даст рекомендации, как оптимизировать страницу и повысить скорость её загрузки.

Например, что можно сказать о багах на мобильной версии сайта, который мы проверили для примера:

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

Есть над чем поработать!

Кстати: Есть и ещё один инструмент от Google, который без подробностей и рекомендаций, но тоже покажет скорость загрузки сайта. Это Google Analytics.

GTmetrix.com

GTmetrix.com — ещё один аналитический ресурс, полезный, несложный и эффективный.

С историей — запущен в 2010 году.

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

Хорошее расстояние, чтобы оценить скорость!

Введите URL сайта и нажмите кнопку «Test your site».

Если ресурс большой, придётся подождать, а если сайт грузится больше двух минут (да, бывает и такое на планете Земля), то система проигнорирует его и выдаст ошибку.

Если же загрузка сайта не превышает разумного времени, то владелец получит подробный отчёт о скорости, данные об общем объёме страницы и об общем количестве запросов.

А также увидит оценку скорости загрузки ресурса относительно среднего значения всех проанализированных сайтов — это десятки тысяч единиц каждый день.

Система пометит недочёты красным цветом и порекомендует поработать с ними.

Всё, что окажется в зелёной зоне, работает хорошо и скорости загрузки ресурса не снижает.

В нашем примере в «красной» зоне оказались недостаточно оптимизированные изображения, проблемы с Java Script и слишком большое количество перенаправлений.

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

PR-CY

PR-CY — русскоязычный аналитический сервис с довольно широким бесплатным набором функций.

Скорость загрузки входит в их число.

Сайт проверяют сразу по многим параметрам, оценивая в том числе проблемы с заголовками и метатегами, выявляя дублирующий контент, индексацию сайта основными поисковыми системами Яндекс и Google, наличие вредоносного кода, попадание ресурса в реестр запрещённых сайтов.

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

В случае с нашим примером ошибок немного: выявлены проблемы с кэшированием и отсутствие сжатия gzip.

Рекомендуем для чтения:

1. Как разработать внешнюю и внутреннюю структуру сайта: 3 подхода, инструкция с примерами
2. Главная страница — 8 основных блоков для повышения продаж

Дополнительные сервисы для проверки скорости

Чем хороша сегодня digital-среда — она даёт выбор.

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

Loading.Express

Loading.express — современный сервис для проверки скорости.

Покажет время полной загрузки, время ответа сервера, время выполнения JavaScript и общее число HTTP-запросов.

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

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

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

Dotcom-Monitor

Dotcom-Monitor — сервис, запущенный в 2014 году и год от года набирающий популярность.

Сайты тестирует, проводя имитацию подключения из 25 стран сразу.

Замеряет скорость загрузки сайта с кэшем и без него.

Можно выбрать для проверки тип браузера.

Free-версии вполне достаточно.

Seolik

Seolik — это целый набор сервисов, который запущен в 2015 году, и с тех пор модернизируется, улучшается и расширяется.

Одна из функций инструмента — проверка скорости загрузки сайта.

Есть вариант для проверки мобильной и десктопной версии.

Скорость загрузки оценивается по 100-балльной шкале.

Чтобы попасть в «зелёную зону», этот показатель должен превысить 90 баллов.

В нашем примере сервис выявил две проблемы: кэширование (точнее, его отсутствие) и неоптимизированные изображения.

WebPageTest

WebPageTest — проверенный сервис, работает с 2009 года.

Разработан в США, тестирование может проводиться имитацией запроса из США, Северной и Южной Америки, Европы, Азии, Африки, Ближнего Востока и даже Океании на выбор.

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

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

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

В краткой версии отчёта разобраться несколько проще.

Pingdom Tools

Pingdom Tools — приятный инструмент с широким функционалом, работает с 2006 года.

Оценивает скорость загрузки сайта в миллисекундах.

Итоговый отчёт покажет время загрузки, размер/вес сайта и каждого типа размещённого контента, количество HTTP-запросов.

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

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

Load Impact

Load Impact — очень полезный шведский сервис, запущенный в 2008 году.

Он замеряет скорость сайта, симулируя увеличение нагрузки (количества посетителей, зашедших на сайт одновременно).

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

В отчёте Вы увидите наглядный график изменения скорости загрузки сайта в зависимости от количества пользователей.

Сервис находится в процессе перехода на новую версию.

Текущая будет работать до 31 декабря 2020 года.

Одновременно проходит ребрендинг — дальше сервис будет позиционироваться как K6 Cloud.

Демоверсия позволяет сделать 50 тестов.

Есть и полностью бесплатная версия программы, которую нужно установить на компьютер.

Для начала работы в любом формате требуется регистрация.

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

Не все сервисы для проверки скорости загрузки сайта одинаково полезны.

Расскажем о нескольких разочарованиях, чтобы Вы не тратили на них драгоценное время.

Итак, вот куда Вам точно не надо…

…SiteSpeed

SiteSpeed — русскоязычный сервис, который при проверке скорости загрузки отправляет сразу несколько запросов, используя несколько дата-центров.

Скорость оценивается по результатам анализа отклика сайта на все запросы.

Отчёт можно посмотреть на сервисе, а можно получить на свою электронную почту. Запущен в 2014 году.

Сервис обещает дать и рекомендации по оптимизации скорости загрузки.

Проверить не удалось: инструмент зависал трижды на совсем несложном сайте, и проверка так и не состоялась.

Возможно, это временный баг — но это не точно.

В течение нескольких суток сервис так и не заработал.

…Web Site Optimization

Web Site Optimization запущен в 2003 году в США.

Разработчики сначала рьяно взялись за его раскрутку, а потом утратили интерес.

Сервис не обновлялся с 2008 года.

Технически он работает, но грузит всё очень медленно, а результаты выдаёт сомнительные.

В процессе работы просит вводить код с картинки.

Не проверяет сайты размером более 3000000 байт.

Заключение

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

Вероятно, причина в том, что этот показатель застрял где-то между контентом и техническим SEO, а потому до конца неясно, в зону ответственности какого специалиста он попадает.

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

Так, специалисты компании Akamai Technologies выяснили, что каждая секунда задержки снижает конверсию при работе со стационарными гаджетами на 21,8%, с мобильными —на 17,8%.

Это явно не тот результат, о котором Вы думали, вкладывая деньги в создание сайта.

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

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