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

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

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

Основные показатели скорости загрузки:

1. Время ответа сервера (Time To First Byte, TTFB) — сколько прошло от отправки запроса до получения браузером первых данных. Google считает, что время ответа сервера должно быть не более 200 мс.
2. Время отрисовки страницы (First Contentful Paint, FCP) — сколько необходимо времени, чтобы после перехода на экране появился первый контент: очертания страниц, текст, границы фотографий. Нормальное значение — не более 1,8 сек.
3. Время загрузки контента (Largest Contentful Paint, LCP) — сколько пользователю требуется ждать, чтобы прогрузился самый “тяжелый” элемент страницы, например, фото или текстовый блок. Если не более 2,5 секунд, это хороший показатель.

Есть и иные метрики производительности, которые указывают сервисы проверки скорости загрузки:

• первичная блокировка (Total Blocking Time, TBT) — период, когда на сайте нельзя провести никакие действия: ни ввести текст, ни кликнуть на кнопку, ни скачать фото. Нормальное значение — 0-200 мс;
• время до интерактивности (Time to Interactive, TTI) — сколько нужно, чтобы сайт до конца загрузился и был готов к использованию. Норма — не более 5 секунд.
• совокупное смещение макета (Cumulative Layout Shift, CLS) — сколько времени интерфейс может внезапно измениться — например, когда картинки перемещаются вниз, а вместо них возникает текст, кнопка сдвигается и на нее не получается кликнуть. Хороший показатель CLS — не более 0,1 сек;

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

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

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

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

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

1. Seolik

https://seolik.ru/speed

Проверка скорости загрузки сайта-фотостока

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

2. Sitespeed

https://sitespeed.ru/

Главная страница сервиса Sitespeed

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

3. Pr-cy.ru

https://pr-cy.ru/speed_test/

Проверка через сервис Pr-cy.ru

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

Сервисы из Европы и США

Сервера у данных сервисов, как правило, с проверками и замерами через европейские серверы.

4. Google PageSpeed Insights

https://pagespeed.web.dev/

Проверка скорости через сервис Google PageSpeed

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

5. Pingdom Tools

https://tools.pingdom.com/fpt/

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

6. WebPagetest

https://www.webpagetest.org/

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

7. Monitis

http://www.monitis.com/pageload/

Сервис был запущен в 2015 году. Юзабилити и дизайн у Monitis достаточно устаревшие, поэтому пользоваться им может быть сложно.

8. Dotcom-Monitor

https://www.dotcom-tools.com/website-speed-test.as…

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

9. GTmetrix

https://gtmetrix.com/

Удобный сервис с отличным дизайном, который быстро работает. Однако важно учитывать, что замер параметра PageSpeed не обновлен и проводит анализ по старому алгоритму до ноября 2018 года. Доступны видео загрузки и детальный отчет, а также история проверок.

10. Grafana k6

http://k6.io

DDoS-проверка вашего сайта. Сервис помогает определить, как будет меняться время скорости загрузки при резко растущей посещаемости. Также он позволяет определить пределы нагрузки на ресурс, после которых начнут появляться 5хх ошибки. Доступно 50 тестов бесплатно.

11. Dareboost

https://www.dareboost.com/

Качественный сервис: предлагает видео загрузки, сканирует скрипты, показывает ошибки браузера и определяет индекс скорости сайта.

12. GiftofSpeed

https://www.giftofspeed.com/

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

13. Uptrends

https://www.uptrends.com/tools/website-speed-test

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

14. Site24x7

https://www.site24x7.com/check-website-availab

Сервис компании ZOHO. Доступны проверки из Петербурга и Москвы, но также можно проверить доступность ресурса из других стран. Показывает первый байт, последний, а также время ответа. Предлагается несколько инструментов для проверки различных параметров, которые связаны со скоростью сайтов.

15. Small SeoTools

https://smallseotools.com/page-speed-test/

Сервис измеряет скорость сайта на модемах. Сделан в Лондоне.

Почему сайт долго грузится

Если скорость загрузки сайта настолько важна, почему до сих пор остаются сайты, которые грузятся слишком долго? Медленный интернет уже давно ушел в прошлое: скорость интернет-соединения выросла, однако проблема очень медленной загрузки сайтов остается. Есть несколько возможных причин такой проблемы:

1. Обилие анимации. Визуальные эффекты действительно могут оживить сайт и привлечь внимание — такое любят дизайнеры. Однако динамические элементы тормозят загрузку сайта, а значит, и утрачивают ценность для пользователей, поскольку многие просто не захотят дожидаться прогрузки.
2. Слишком большие изображения. Если загружать на сайт картинки и фото, не учитывая их размер в пикселях и мегабайтах, они точно снижать скорость загрузки сайта. Некоторые правила:
   • для горизонтальных фото размеры должны быть порядка 800×500 пикселей;
   • для вертикальных изображений — 700×1100 пикселей.
   • не стоит загружать слишком большие изображения для маленьких объектов вроде плиток меню или услуг.
3. Скрипты, дополнения, плагины. Хотя они полезны и делают взаимодействие пользователей с сайтом более комфортным, обилие плагинов и скриптов сильно тормозит скорость загрузки страниц и в результате негативно влияет конверсию. Лучше установить отложенную загрузку наименее важных скриптов
4. Много HTTP-запросов. Это специфические запросы, которые браузер отправляет к серверу. С их помощью происходит обмен данными. Чтобы показать пользователю одну лишь страницу сайта, таких запросов может быть отправлено несколько десятков. Чем больше их число — тем медленнее будет грузиться сайт. Обилие сложных компонентов — таблиц стилей, сценариев, изображений — тоже увеличивает количество запросов
5. Встроенные видео.
   Разместить видео прямо на сайте — идея вполне понятная, однако не всегда рациональная. Встроенные видео существенно замедляют скорость загрузки страниц сайта, а также могут воспроизводиться с помехами и зависаниями, если у сайта не слишком качественный хостинг.

Способы ускорения загрузки сайта

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

Сменить сервер

Если сервер не справляется с нагрузкой (сайт тормозит, определенные блоки слишком медленно загружаются), важно решить проблему — перейти на более мощный сервер. Это легко сделать через хостинг-провайдера.

Отключить ненужные плагины

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

Сжать изображения

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

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

Сжатие картинки через бесплатный онлайн-сервис

Отложить загрузку скрытых изображений

Отложенная загрузка — Lazy loading — предполагает, что определенные изображения, которые располагаются, например, в слайдере или под спойлером, а также в центральной части документа и в самом конце (т.е вне видимой части первого и второго экрана), будут грузиться позднее всей страницы в целом.
Такой подход позволяет подгружать тяжеловесный контент по мере необходимости, асинхронно.
Некоторые конструкторы, например, Тильда, имеют такой плагин, причем адаптированный под применение любым “чайником”, что позволит не прибегать к помощи разработчика.

Пример отложенной загрузки кода счетчиков (Я.Метрика, например) на Тильда

Перенести видео на сторонние платформы

Видео имеют намного больший вес, нежели изображения, если загружать их непосредственно на сайт. Лучше загрузить их на видеохостинг, а затем просто встроить на страницу.
Если видео короткое, удобно сохранять его и в gif-формате. Но следует помнить учитывать, что большие “гифки” тоже с трудом грузятся.

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

Google утверждает: если скорость загрузки страницы более 5 секунд, то это существенно увеличивает вероятность отказа. Конечно, вряд ли кому-то будет интересно изучать сайт, который не способен быстро решить проблему.
Если сайт будет грузиться достаточно быстро, это поможет:

1. Привлечь больше клиентов. Особенно это касается мобильных версий сайтов, поскольку подавляющее большинство пользователей пользуются смартфонами. В первую очередь следует позаботиться о скорости сайта в адаптивной версии.
2. Повысить удобство работы пользователей. И вновь о привлечении клиентов. Например, был создан стильный сайт с продуманной структурой и удобной навигацией, и кажется, что он должен приносить большой поток клиентов. Но это будет работать лишь в том случае, если все элементы будут грузиться быстро.
3. Увеличить конверсию. Чем быстрее будет загружаться сайт, тем выше будет конверсия, которую реально получить от покупателей, не покинувших ваш сайт после просмотра (или даже “непросмотра” вследствие долгой загрузки) первой страницы.

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

Как скорость влияет на SEO

Скорость напрямую влияет на ранжирование сайтов – об этом Google говорил еще в 2010 году, и до сих пор эта рекомендация остается актуальной. К тому же сейчас этот параметр стал еще важнее — по нескольким причинам:

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

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

Заключение

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

Чем проверить скорость загрузки сайта: подборка лучших инструментов

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

Медленная скорость загрузки неизбежно вызывает большое число отказов в связи с нежеланием современных пользователей хоть сколько-нибудь ждать. Аудитория выберет ресурс, который загружается мгновенно. Тогда как задержки в 3-5 секунд могут поставить крест на сайте. Никто просто не станет дожидаться его загрузки. 

Важность скорости загрузки с точки зрения поисковиков

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

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

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

• Увеличивая конверсию – улучшение лояльности аудитории достигается разными путями. Важно понимать, что пользователям должен быть интуитивно понятен ресурс в целом. Нахождение всех необходимых инструментов и процесс получения полезной информации не должны вызывать никаких затруднений. Положительный user experience приводит к тому, что аудитория становится более лояльной и активной в плане совершения полезных действий. 

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

Влияние скорости загрузки на SEO

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

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

• Отслеживание поведенческих факторов приводит к переоценке приоритетов поисковых алгоритмов. Более качественным теперь считается ресурс, с которым аудитория лучше взаимодействует. Если люди заходят на сайт, листают его, перемещаются между страницами и уходят лишь спустя существенный промежуток времени, поисковик считает, что сам ресурс и его содержание достойны внимания.  

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

Что значит быстрый сайт?

Оптимальная скорость загрузки, по мнению поисковых систем, находится в пределах между 2 и 3 секундами. Такого показателя можно добиться лишь благодаря очень серьёзному подходу к оптимизации размещаемого контента. Нужно находить баланс между необходимыми элементами, такими как: таблицы, графики, изображения и тому подобными, и скромным общим весом. Выбирайте более простые форматы для изображений, позволяющие существенно снизить объём файлов при минимальных потерях качества. 

Загрузка за 5-7 секунд уже считается долгой. Поисковики будут предлагать вам те или иные способы исправить положение дел, сообщая о потенциальных потерях позиций в выдаче. Это может произойти не сразу. Но если не принимать никаких мер, то ранжироваться сайт станет ощутимо хуже. 

Как добиться ускорения загрузки сайта?

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

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

2. Программная – она касается самого сайта. Его движка, архитектуры, общей оптимизации и наполнения.

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

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

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

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

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

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

• Оптимизируйте изображения – файлы мультимедиа, особенно с неподходящими форматами, могут попросту похоронить ваш сайт. Существуют различные программные решения для сжатия изображений без потери качества. Благодаря правильной обработке, 5 Мбайт могут превратиться в 50 Кбайт без каких-либо ощутимых изменений с точки зрения человеческого глаза.

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

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

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

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

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

Google PageSpeed Insights

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

Определяя скорость загрузки, Google PageSpeed Insights предоставляет список рекомендаций по оптимизации кода. В отчёте учитывается имитация загрузки страницы с помощью технологии Lighthouse, а также наблюдения за загрузкой у других пользователей, перешедших на сайт из поисковой выдачи. 

PR-CY

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

• измерение скорости загрузки; 

• анализ параметров индексации в поисковой выдаче; 

• проверку на наличие вирусов и санкций;

• сбор статистики посещаемости;

• оценку социальной активности аудитории;

• общую информацию о юзабилити сайта.

Премиальная подписка открывает возможность проведения сравнительного анализа, задавая до 60 адресов интересующих вас ресурсов. Кроме того, вы сможете: 

• проверять коды ответов сервера, получая более подробную техническую информацию о работе сайта; 

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

• анализировать метатеги.

Pingdom Tools

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

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

UpTrends

Внутри этой платформы находится инструмент для отслеживания скорости загрузки сайтов – Free Website Speed Test. Для проведения тестов он предоставляет доступ к 9 различным локациям в Европе, Азии, США и Австралии. В настройках тестирования можно указывать размер и тип экрана, используемое соединение и браузеры. Он подходит, как для мобильных, так и для десктопных версий сайта. 

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

GTmetrix

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

При проведении анализа GTmetrix использует результаты тестирования такими инструментами, как Google PageSpeed Insights и YSlow. Помимо итоговой скорости, сервис предлагает рекомендации по устранению различных проблем и ошибок:

• настройка редиректов;

• оптимизация изображений;

• советы по использованию элементов JavaScript, HTML и др.

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

Load Impact

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

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

Dotcom-Monitor

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

В качестве исходных данных вы можете выбрать: 

• тип устройства – мобильное или десктопное;

• параметры экрана – разрешение и ориентация;

• скорость подключения к Глобальной сети – 2G, 3G, 4G.

Web Page Test

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

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

Отдельный инструмент WebPageTest – Visual Comparison даёт возможность анализировать несколько сайтов, сравнивая их по различным параметрам. Таким образом можно понять, где именно вы отстаёте от конкурентов и что нужно сделать, чтобы улучшить свои позиции в поисковой выдаче. 

Sitespeed

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

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

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

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

10 инструментов Page Speed ​​для определения скорости загрузки целевых страниц

Большинство сайтов теряют половину своих посетителей во время загрузки страницы. Это шокирующая реальность, в которую трудно поверить, но, возможно, нет, если учесть, что средний показатель отказов веб-страниц сегодня составляет 58,18%. Хуже того, средний показатель отказов целевой страницы после клика колеблется от 60 до 90%.

Мобильные страницы в равной степени страдают от низкой скорости загрузки страниц. Исследование Google и SOASTA, проведенное в 2016 году, показало, что среднее время загрузки мобильного веб-сайта для сеансов с отказом было примерно на 2,5 секунды медленнее, чем для сеансов без возврата.

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

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

Как это влияет на скорость страницы?

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

считается общим временем загрузки страницы.

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

• Большие изображения и текстовая графика
• Видео
• Длина страницы
• Скрипты, шрифты и плагины (HTML, JavaScript, CSS)
• Ненужные перенаправления
• География (страна, город, организация, провайдер, скорость сети)
• Полоса пропускания

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

10 самых надежных инструментов скорости страницы

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

1. GTmetrix

GTmetrix анализирует ваш сайт, используя комбинацию 27 рекомендаций по скорости страницы (тест скорости Google) и 19 рекомендаций YSlow (тест скорости Yahoo). В верхней части отчета представлены оценки производительности от A до F, а также сведения о странице, включая время загрузки, размер страницы и количество запросов.

Время загрузки по умолчанию указывается как «время полной загрузки» (время с момента, когда посетитель впервые перешел на страницу, до 2 секунд после отсутствия сетевой активности). «Время загрузки» является необязательным (когда веб-страница завершила обработку и все ресурсы на странице, включая изображения, текст и скрипты, завершили загрузку). Остальная часть отчета разделена на шесть разных разделов: PageSpeed, YSlow, водопад, тайминги, видео и история.

GTmetrix позволяет тестировать и сравнивать производительность веб-сайта с различными типами подключения, чтобы увидеть, как это влияет на скорость загрузки вашей страницы. Он предлагает функцию регулирования соединения для имитации возможных типов интернет-соединений, которые могут использовать посетители вашего сайта: кабельное, DSL, мобильное 3G, мобильное 2G и коммутируемое соединение 56K. Вы также можете выбрать Chrome или Firefox в качестве возможного браузера.

Этот инструмент имеет 7 тестовых мест, но в общей сложности предоставляет 28 выделенных тестовых серверов: 11 в Ванкувере, Канада; 5 в Далласе, США; 7 в Лондоне, Великобритания; 2 в Сан-Паулу, Бразилия; 1 в Сиднее, Австралия; 1 в Мумбаи, Индия; и 1 в Гонконге, Китай.

GTmetrix поддерживает HTTP/2, который загружает веб-страницы быстрее, чем HTTP/1.1, пытаясь устранить многие недостатки и ограничения HTTP/1.1. К преимуществам HTTP/2 относятся:

• Мультиплексирование и параллелизм (можно быстро отправить несколько запросов по одному TCP-соединению)
• Потоковые зависимости
• Сжатие заголовка
• Отправка сервера

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

2. Pingdom

Pingdom позволяет вам проверить скорость вашего сайта из 3 основных мест:

• Даллас, Техас
• Мельбурн, Австралия
• Сан-Хосе, Калифорния

Он обеспечивает оценку производительности на основе рекомендаций Google PageSpeed ​​для бесплатной версии и рекомендаций YSlow для платной версии. Pingdom также отображает время загрузки, размер страницы, количество запросов и то, как ваш сайт тестируется на других сайтах. Дополнительные сведения включают разбивку размера страницы по типу контента, размеру страницы по домену, запросам по типу контента и домену.

Одним из основных преимуществ теста скорости Pingdom является то, что пользователям предоставляется информация о производительности с указанием того, что можно улучшить. Однако, в отличие от GTmetrix, Pingdom предлагает только время загрузки (не время полной загрузки), не предлагает регулирование соединения и не поддерживает HTTP/2.

3. Google PageSpeed ​​Insights

PageSpeed ​​Insights — это тест скорости Google, который предоставляет рекомендации по улучшению и оценивает вашу страницу от 0 до 100 баллов на основе двух параметров:

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

Чем выше ваш балл, тем более оптимизирован ваш сайт, а все, что выше 85, означает, что ваша страница работает хорошо.

PageSpeed ​​Insights предоставляет отчеты как для настольной, так и для мобильной версии вашей страницы. Он извлекает URL-адрес дважды — один раз с мобильным пользовательским агентом и один раз с настольным пользовательским агентом. Мобильный отчет включает в себя дополнительную категорию под названием «Пользовательский опыт», которая включает в себя конфигурацию вашего окна просмотра, размер ваших целей касания (кнопок и ссылок) и размеры шрифта.

Команда PageSpeed ​​Insights также недавно запустила новый инструмент скорости загрузки страниц «Think with Google», следующий в списке.

4. Think with Google: Test My Site

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

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

время загрузки), измеряя, сколько времени требуется для отображения видимого содержимого страницы с помощью Chrome на устройстве Moto G4 в сети 3G. (Примечание: для тестирования используется сеть 3G, поскольку 70 % подключений к сотовым сетям во всем мире будут осуществляться на 3G или более низких скоростях до 2020 г.)

Средняя часть результатов представляет собой отраслевое сравнение, рассчитанное на основе внутреннего исследования Google более 5 миллионов веб-страниц:

Наконец, инструмент Test My Site показывает, сколько времени можно сэкономить, внеся несколько исправлений в вашу страницу с подробным отчетом об исправлениях, рекомендованных PageSpeed ​​Insights:

5.

Система показателей скорости Google

Карта показателей скорости включает в свою базу данных тысячи сайтов в 12 разных странах и позволяет сравнивать до 10 доменов, чтобы увидеть, как выглядит ваш мобильный сайт. Вы также можете сравнить скорость загрузки страницы при подключении 3G и 4G.

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

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

6. KeyCDN

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

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

7. Тест веб-страницы

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

Тесты могут быть запущены с функцией регулирования подключения для имитации потенциальных подключений к Интернету, которые посетители сайта могут использовать: кабель, DSL, 3G Slow, 3G, 3G Fast, 4G, LTE, Mobile Edge, 2G, коммутируемое соединение 56K, FIOS, Родное соединение и настраиваемые скорости.

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

Когда WebPagetest предоставляет свои результаты, он присваивает вашему сайту буквенную оценку от A до F на основе времени полной загрузки по умолчанию, с необязательным временем загрузки. Другие параметры оценки включают FTTB, сжатие, кэширование, эффективное использование CDN и многое другое. Отчет разделен на шесть разделов — сводка, подробности, обзор производительности, разбивка содержимого и снимки экрана — предоставляя обширную диагностическую информацию с каскадными диаграммами, проверками оптимизации скорости страницы и предложениями по улучшению.

Последнее замечание: HTTP/2 поддерживается WebPagetest.

8. Dotcom-Monitor

Dotcom-Monitor предлагает 20 различных точек тестирования по всему миру и семь браузеров, включая мобильные и облачные. Уникальность этого инструмента заключается в том, что вы можете запускать все географические тесты одновременно, а затем нажимать на каждый отчет, чтобы узнать о них больше.

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

• Сводка по местонахождению
• Тестирование времени загрузки всех элементов страницы на основе браузера
• Обнаружение медленных/отсутствующих элементов
• 10% самых быстрых элементов
• 10% самых медленных элементов
• Комплексная каскадная диаграмма
• Разбивка по элементам хоста (включая DNS, соединение, SSL, запрос, первый пакет и загрузку)
• Проверка ошибок и диагностика

9. Pagelocity

Инструмент Pagelocity доступен и работает как на настольных, так и на мобильных устройствах. Он присваивает пользователям общую оценку из 100 на основе таких компонентов, как статус контента, структура страницы и кодирование. В отчете:

• Сводка содержания: Ценная информация о текстовом содержании вашей страницы (ключевые слова, ссылки заголовков, альтернативный текст для изображений и т. д.)
• Разбивка ресурсов: Информация о структуре вашей страницы — количество изображений, скриптов или файлов стилей, а также контент, блокирующий рендеринг, и то, как эти факторы могут повлиять на время загрузки вашей страницы
• Советы и идеи по коду: Предложения по обновлению кода, чтобы сделать его более удобным в сопровождении и расширяемым, с полезными данными о вашей разметке (классы/идентификаторы, теги, Google PageSpeed, время до первого байта и т. д.)

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

10. YSlow

YSlow — это проект с открытым исходным кодом, который анализирует веб-страницы на основе 23 из 34 правил Yahoo! для высокопроизводительных веб-сайтов. Чтобы сгенерировать результаты теста производительности, необходимо выполнить три шага:

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

YSlow также предлагает сводку страницы со статистикой, предложениями по улучшению и инструментами для анализа производительности (включая Smush.it и JSLint).

Чтобы запустить инструмент скорости страницы YSlow, вы можете использовать расширение YSlow для Chrome или получить результаты YSlow от GTMetrix.

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

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

Как бренды могут ускорить свои веб-страницы?

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

Оптимизация изображений

Убедитесь, что изображения не больше необходимого, что они имеют правильный формат файла и сжаты для Интернета. 25% страниц могут сэкономить более 250 КБ за счет сжатия изображений и текста, а 10% могут сэкономить более 1 МБ. Что касается видео, либо оставьте его, либо разместите файл на другой платформе (например, YouTube или Vimeo), а не на своих серверах.

Загружать асинхронно

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

Сократите CSS, JavaScript и HTML

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

Уменьшение числа перенаправлений

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

Кэшируйте ваши страницы

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

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

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

Выберите инструмент скорости страницы, который соответствует вашим потребностям.

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

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

Проверка скорости веб-сайта | LoadNinja

Зачем запускать тест скорости?

Скорость работы сайта оказывает существенное влияние на успех любого бизнеса. В то время как в 1990-х пользователи коммутируемого Интернета были терпеливы, современные интернет-пользователи ожидают мгновенной загрузки страниц. Эти ожидания были движущей силой клиентских приложений JavaScript, таких как платформа React от Facebook, которая сейчас широко распространена среди веб-приложений.

Поисковые рейтинги

Скорость веб-сайта является одним из 200 факторов ранжирования в алгоритме поиска Google. Хотя на самом деле скорость страницы зависит менее чем от одного процента поисковых запросов, это большие абсолютные цифры, поскольку поисковая система обрабатывает более двух триллионов запросов в год! Медленный веб-сайт может повредить вашим инвестициям в другие усилия SEO.

Пользовательский опыт

Скорость веб-сайта существенно влияет на пользовательский опыт, что измеряется показателем отказов. По данным ThinkWithGoogle, увеличение времени загрузки страницы на 1-3 секунды увеличивает вероятность отказа на 32%. Эта цифра возрастает до 123%, если время загрузки страницы уменьшается с одной секунды до 10! Понятно, что интернет-пользователи становятся все более нетерпеливыми.

Коэффициенты конверсии

Несколько исследований показали, что скорость загрузки страницы влияет на коэффициент конверсии — будь то продажа продукта или регистрация потенциальных клиентов. Согласно одному исследованию, задержка всего в одну секунду может стоить бизнесу электронной коммерции 7% продаж. Другими словами, бизнес, который приносит 1 миллион долларов в год, может потерять 70 000 долларов продаж из-за медленного веб-сайта — это целая зарплата!

Как проводить тесты скорости

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

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

PageSpeed ​​Insights

Google PageSpeed ​​Insights — единственный лучший инструмент для анализа скорости веб-сайта и, что более важно, выявления проблем. После ввода URL-адреса вашего веб-сайта и нажатия кнопки «Отправить» вы получите приоритетный список рекомендаций, которые точно покажут вам, как оптимизировать скорость вашей страницы. Это лучшая отправная точка для решения этих основных проблем.

Пример предложений PageSpeed ​​– Источник: PageSpeed ​​Insights

Google Analytics

Google Analytics предоставляет обширную аналитику веб-сайта, включая важные показатели скорости веб-сайта. В дополнение к доступу к метрикам вы можете запланировать отчеты по электронной почте, которые будут отправлять обновления на ваш почтовый ящик каждую неделю. Это лучший способ оставаться в курсе проблем с производительностью, не забывая при этом выполнять анализ.

К трем наиболее важным показателям относятся:

• Среднее время загрузки страницы
• Среднее время ответа сервера
• Среднее время загрузки страницы

Плагин P3 WordPress

WordPress — самая популярная система управления контентом (CMS), используемая сегодня. В среднем на сайтах WordPress установлено от 20 до 30 сторонних плагинов, которые могут повлиять на производительность. Плагин P3 анализирует эти сторонние плагины на наличие проблем с производительностью, чтобы упростить диагностику проблем и ускорить работу вашего сайта.

Будьте активны с нагрузочными тестами

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

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

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

Позвольте LoadNinja Help

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

Аналитическая панель LoadNinja

Быть быстрым выгодно

Скорость веб-сайта оказывает значительное влияние на прибыль любого бизнеса.