Почему скорость загрузки – это важно?
Google PageSpeed Insight
Pingdom Tools
Gtmetrix.com
Uptrends.com
PR-CY
Web Page Test
Sitespeed
Load Impact
MobiReady
Яндекс.Вебмастер
Причины понижения скорости загрузки
Проблемы с хостингом
Тяжёлые изображения
Перегруженный дизайн
Как задержать пользователя при медленной загрузке
Заключение
Ранжирование сайта в поисковой системе и его восприятие аудиторией зависит от времени загрузки. Долгую загрузку не любит никто: ни выдача в системе, ни пользователи, а плохое юзабилити вредит продвижению и вашему бизнесу.
Команда Cropas собрала для вас лучшие сервисы для анализа скорости сайта, в которых вы можете проверить свой ресурс, выявить проблемы и вовремя приступить к их решению.
Почему скорость загрузки – это важно?
Согласно общепринятому мнению, пользователь готов подождать загрузку сайта от 3 до 5 секунд. Однако исследования Google показали, что более 50% посетителей сайта закрывают страницы после трёх секунд ожидания. В мобильных версиях пользователи ждут и того меньше, и каждая секунда ожидания уменьшает конверсию на 20%.
В 2015 году Google провёл исследование, в котором пользователи мобильных версий высказали, что их раздражает больше всего. В опросе большинством голосов победила долгая загрузка, отодвинув на задний план полноэкранную рекламу и непроигрываемые ролики.
Долгая загрузка понижает юзабилити, приводит к большому числу отказов и ухудшает поисковую выдачу.
Google PageSpeed Insight
Сервис от Google, где можно проверить скорость сайта бесплатно. Один из самых популярных среди разработчиков, веб-мастеров, специалистов SEO.
Возможности:
Скорость анализируется по нескольким метрикам, складывается в оптимальный показатель от 90 баллов.
Полностью анализирует сайт, высчитывая время взаимодействия пользователя со строкой ввода, контентом, загрузкой.
Есть раздел имитации загрузки, где сервис анализирует сайт в загрузке 3G по ряду параметров.
Выдаёт советы по улучшению оптимизации, улучшению показателей.
Основные параметры проверки:
– расчёт времени отображения на странице первых элементов;
– показатель скорости – рассчитывает время, которое необходимо для полного отображение страницы;
– взаимодействие – загрузка страницы для взаимодействия пользователя;
– окончание работы центрального процессора – время загрузки сервера;
– возможная задержка FID – время ответа страницы.
Pingdom Tools
Инструмент с большим функционалом для аудита сайта по нескольким параметрам.
Возможности:
Анализирует скорость в миллисекундах, выдаёт советы по улучшению.
Результаты проверки выводит в таблицу с характеристикой показателей (скрипт, обращение, картинки), что позволяет понять, какие элементы страниц тормозят загрузку.
Анализирует сервисы по зарубежным серверам: США, Германия, Япония, Австралия, Великобритания.
Gtmetrix.com
Сервис, где можно сделать тест скорости загрузки сайта. Запрос проводится из Ванкувера.
Инструмент имеет облачное хранение, где сохраняет данные предыдущих проверок. Выдаёт рекомендации по устранению ошибок.
Есть платная версия с расширенными функциями.
Uptrends.com
Инструмент предлагает узнать скорость работы сайта в мобильной версии или декстопе с выбором браузера, выбором расширения экрана, модели смартфона, года обращения.
Также оценивает по Google PageSpeed.
Выводит данные в виде наглядных таблиц и графиков.
PR-CY
Сайт с большим функционалом для SEO, аудит и оптимизация сайта, в том числе проверка скорости.
Бесплатная версия предлагает анализ индексации, проверку на наличие вирусов, санкций, блокировки, подсчитывает посещаемость, активность пользователей, юзабилити и отображение в мобильной версии.
Платная подписка расширяет проверку IP-адресов и параметров страниц: коды ответа, метатеги, скорость каждой страницы.
Web Page Test
Онлайн проверка скорости сайта с настройкой параметров:
– геолокация;
– выбор браузера;
– мобильная версия;
– модель смартфона;
– имитация запроса.
В процессе проверки выполняет три теста, затем сравнивает результаты. Отчёты сохраняет в облако, показывает характеристику элементов и скорость проверки.
Sitespeed
Проверяет скорость сайта в том числе и по российским серверам, оценивает доступность ресурса, делая запросы с различных центров.
Высылает отчёт на почту, даёт рекомендации.
Load Impact
Самый требовательный сервис в этой подборке. Тестирует сайт по принципу схожим с DDOS-атакой, стимулируя десятки обращений и соединений одновременно.
Недавно ресурс переехал на новый хостинг. Вот как выглядит интерфейс сейчас:
Проверка может занять несколько минут, но в отчётах собирает данные о скорости при определённом количестве пользователей.
MobiReady
Англоязычный сервис для проверки загрузки в мобильной версии. Показывает, как выглядит сайт на разных устройствах в разном разрешении экрана. Выводит графические отчёты по проблемным местам, что удобно для тестирования мобильных версий.
Яндекс.Вебмастер
Известный бесплатный сервис от Яндекс, не требует регистрации.
Высчитывает скорость загрузки страниц в миллисекундах, выводит коды ответа и рекомендации.
Причины понижения скорости загрузки
Проблемы с хостингом
Часто проседание сайта зависит не от его ресурсов, а от хостинга, на котором он расположен. Чтобы избежать этой проблемы, тщательно проверяйте, тестируйте хостинг, прежде чем разместить сайт. В противном случае выход только один – сменить хостинг.
Тяжёлые изображения
Изображения занимают большую часть всего веса сайта, но их необходимо оптимизировать, чтобы сделать страницу легче, а скорость быстрее. Есть два способа решения проблемы:
- Урезать количество изображений. Вы можете заменить картинки инфографикой, заменить текстом, оставить иллюстрации.
- Сжать изображения. Если вы не хотите ничего убирать, вы можете сжать изображения с помощью разных сервисов.
Перегруженный дизайн
Разные шрифты, анимация, графические элементы – всё это требует отдельного кода и перегружает страницы. Сейчас все стремятся к минимализму, простому, лаконичному дизайну. В веб-разработке это не просто мода, но лёгкость загрузки страниц.
Как задержать пользователя при медленной загрузке
Многое в юзабилити зависит от мотивации пользователя, часто люди готовы ждать до 15 секунд, если сайт им интересен. Например, загрузку социальной сети, интернет-магазина, ленты новостей.
- Креативный прелоадер
Специфика некоторых ресурсов не позволяет им загружаться быстро, поэтому они создают креативный прелоадер – визуальную предзагрузку со шкалой прогруженных процентов. Так пользователь поймёт, что сайт рабочий и скоро загрузится.
- Ленивая загрузка лендингов
Распространённый способ экономии ресурсов – страница загружается по мере прокрутки. Если пользователь не пролистает до конца, то последние медиа так и не будут запущены.
- Мобильное приложение
Многие компании используют мобильное приложение, которые часто становятся популярнее сайтов. Например такси, службы проката, доставка еды и прочее. Оптимизировать приложение, в котором только самое необходимое для заказа или просмотра услуг, бывает проще, чем сайт.
Заключение
Оптимизация скорости загрузки сайта – важный параметр, который в первую очередь необходим для поискового продвижения. В интернете существует много онлайн-программ для быстрой проверки, замера скорости, которые подсказывают, что именно замедляет работу ресурса. Однако помните, что скорость – не первостепенный показатель и помимо этого на просмотры виляет юзабилити, содержание страниц, мотивация пользователей.
