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

О чем статья?

●      Как вес контента и хостинг влияют на скорость загрузки;

●      Какими инструментами можно измерить скорость работы сайта;

●      Что нужно сделать, чтобы ее повысить.

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

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

Оптимальное время загрузки — 2-3 сек.

Идеальное — время реакции пользователя, то есть, 0,5 сек. Однако для высоконагруженных веб-приложений оптимальная скорость может отличаться. В таких случаях нужно провести проверку скорости и высчитать среднее время загрузки сайтов конкурентов и ориентироваться на него.

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

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

• Откройте страницу через Google Chrome, 
• Зайдите в инструменты разработчика с помощью кнопки F12 
• Перейдите на вкладку Networks
• Отключите кэш (disable cache) и посмотрите значение в нижнем левом углу. 

В нашем случае это 1,0 Mb, transferred

Затем с помощью сервиса Performancebudget. io узнайте необходимый вес сайта, чтобы он быстро загружался. Введите желаемое время и выберите тип интернет-соединения.

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

В примере видим, что для кабельного соединения тестируемый ресурс может весить еще больше, чем сейчас. Для мобильного интернета 3G (780 кб/сек) он должен быть не более 192 kb, иначе скорость загрузки составит 4,17 сек.

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

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

Google Page Speed Insights. Один из самых популярных SEO-инструментов для анализа сайтов. Он может определить скорость загрузки десктопной и мобильной версий и дать рекомендации по ее увеличению. Он показывает, как быстро страница загружалась у реальных пользователей, а также по итогам имитации с помощью инструмента Lighthouse. Поисковик считает быстрым тот ресурс, который получил 90-100 баллов.

Page Speed Insights измеряет скорость загрузки сайта по шести параметрам.

• Первая отрисовка контента – показывает время между началом загрузки страницы и появлением первого блока текста или изображения.

• Индекс скорости загрузки – т. е. скорость появления контента на странице.

• Отрисовка крупного контента – время, которое требуется на отрисовку большого блока текста или изображения.

• Время загрузки для взаимодействия – страница полностью готова к работе с посетителем.

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

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

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

Чтобы проверить скорость загрузки страниц на мобильных устройствах, можно воспользоваться другим инструментом от Google – Test My Site.

SpeedTest. me. Сервис, который показывает, как загружается сайт в разных регионах мира. В нашем примере скорость загрузки в России составила 2,16 сек. 

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

В примере мы рассчитали следующие показатели: 

• Page size (размер страницы) — 909,8 Кб; 
• Load time (время загрузки) — 2,55 сек.; 
• Requests (количество запросов) — 71; 
• Faster than (доля сайтов, которые медленнее тестируемого) — 60%; 
• Performance grade (уровни производительности) — 69. 

Если performance grade меньше 100, ищите и устраняйте проблему. Что-то «съедает» производительность. 

Сервис указывает на проблемы и присваивает им рейтинг: 0 — худшее значение, 100 — лучшее.

В примере основная проблема — отдельные JS-скрипты. Они замедляют быстродействие. 

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

WebPageTest.  Здесь для проверки нужно выбрать локацию и браузер. В примере локация — Амстердам, браузер — Google Chrome. Сервис делает три проверки скорости. Он показывает время загрузки первого варианта страницы — то, что сразу увидит пользователь, и время полной загрузки сайта. В примере 3,544 сек и 3,692 сек соответственно. 

Процентное соотношение размеров и запросов между системами сайта:

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

• Уменьшите количество запросов. На запросы и ответы уходит время. Сократив их количество, мы увеличим скорость работы сайта. Для этого загружайте все файлы, которые возможно, статично без использования запросов к базе данных. Дополнительно объедините CSS и JS в отдельные файлы. В этом помогут плагины Gulp, Grunt, WebPack. 

• Оптимизируйте CSS и JavaScript. На скорость загрузки сайта сильно влияет размер и количество CSS и JS файлов, поэтому сожмите их с помощью онлайн-инструментов CSS Minifier и CSS Compressor для CSS; и JS Minifier и JavaScript Compression Tool для JS. Поместите скрипты JS в самый конец кода перед закрывающим тегом . 

• Оптимизируйте изображения. Фотографии обычно занимают основную долю в размере файла. Сожмите их в формате png, jpg, svg с помощью инструментов Kraken.io и TinyPNG. С помощью сервисов iconizr для svg и css.spritegen.com для png, gif, jpeg объедините все иконки в спрайт. Не размещайте на сайте фотографии большего размера, чем необходимо.    

• Используйте технологии для мгновенной загрузки контента. В Яндексе — это Турбо-страницы, в Google — Accelerated Mobile Pages. Технологии позволяют создать легкие версии страниц, которые весят в десять раз меньше. Это помогает быстро загружать страницы, в том числе и на мобильных устройствах.

Шпаргалка 

• Рассчитайте скорость загрузки — это важный фактор ранжирования. Рекомендуемое время загрузки — 2 сек. Для высоконагруженных приложений рассчитайте время загрузки самостоятельно — взяв среднюю скорость загрузки сайтов конкурентов. На скорость влияют вес сайта и хостинг. 

• Оценивайте вес сайта с помощью инструментов вебмастера Google Chrome. Желательный вес сайта узнайте через инструмент Performancebudget.io. В нем рассчитывается максимальный размер файлов сайта, который подходит для желаемого времени загрузки под каждый тип интернет-соединения.  

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

• Проверьте скорости загрузки. Проверка производится с помощью специальных сервисов: SpeedTest.me, ToolsPingdom.com, WebPageTest. Они подсчитают, за сколько времени загрузился сайт, количество запросов, размеры, уровни производительности, распределение ресурсов по весу и запросам. 

• Улучшайте скорость. Сократите количество запросов, по которым обращаются к серверу. Для этого объедините CSS в один файл и скрипты JS тоже в отдельный файл. Оптимизируйте их через инструменты CSS Minifier, CSS Compressor для CSS, и JS Minifier и JavaScript Compression Tool для JavaScript. Размещайте js скрипты перед закрывающим тегом . 

• Оптимизируйте изображения. Делайте из иконок спрайты, сжимайте и оптимизируйте фотографии с помощью Kraken. io и TinyPNG. Используйте фотографии только требуемого размера. 

• Настройте Турбо-страницы от Яндекс и AMP от Google для загрузки легкой версии страниц.

Материал подготовила Светлана Сирвида-Льорентэ.

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

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

Автоматическое продвижение в Instagram без блоков

Рекомендуем: Jesica – приложение для продвижения в Instagram (от создателей Instaplus.me). Установите Jesica на Android-телефон или компьютер и приложение будет ставить лайки, подписываться и отписываться, как будто это делаете вы сами:

• Без блоков. Действуют лимиты, как будто вы делаете это всё вручную.
• Безопасно. Не нужно вводить пароль от своего аккаунта.
• Высокая скорость. Вы можете поставить до 1000 лайков и 500 подписок в день.

Попробовать 5 дней бесплатно >> Реклама

Зачем нужна проверка скорости сайта

Прыть интернет-площадки зависит от множества факторов из серверной и клиентской части. Серверная часть подразумевает особенности хостинга (серверы Nginx и Apache, сжатие, кэширование на стороне сервера) и базы данных – это редиректы, количество HTTP-запросов, сетевые настройки.

Клиентская часть зависит от:

• размера страницы;
• асинхронной нагрузки;
• сжатия графики и расширения файлов;
• скриптов и плагинов;
• масштабирования изображений;
• кэширования на стороне браузера;
• CSS и JavaScript;
• веб-шрифтов.

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

Важно! Поисковикам важны показатели ресурса в комплексе – низкая скорость загрузки сайта может снизить ваши позиции, однако высокая производительность не гарантирует попадание в ТОП. В таком случае вы получите преимущество лишь по сравнению с «тормозящими» аналогами.

Что касается конверсии, здесь всё очевидно: посетители не готовы долго ждать отрисовки страницы. Особенно это касается мобильных пользователей (на них приходится более 50% в Google). Учтите, что скорость 2G/3G/4G ниже показателя оптоволоконной или широкополосной сети. Если сайт грузится дольше 3 секунд, половина аудитории просто закроет вкладку. При этом 88% пользователей не возвратятся на сайт после неудачной попытки.

Читайте также: ТОП-10 хостингов

10 лучших сервисов проверки скорости загрузки сайта

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

Google PageSpeed Insights

Благодаря этому популярному сервису вы за считаные секунды узнаете уровень быстродействия своего сайта для компьютеров и мобильных устройств. Анализатор в реальном времени оценивает параметры FCP (первую отрисовку содержимого страницы) и DC – полную загрузку HTML с построением DOM-дерева. Он вычисляет процент оптимизации и даёт рекомендации по улучшению. Таким образом можно ускорить блог в 2-3 раза.

Для мониторинга необходимо лишь ввести в поле адрес страницы и нажать кнопку «Анализировать».

Pingdom Tools

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

Чтобы проверить скорость загрузки:

1. Перейдите в сервис: tools. pingdom.com.
2. Укажите в поле URL интересующий вас адрес.
3. Выберите «Стокгольм, Швецию» в графе Test from (это максимально близко к нам из предложенных вариантов).
4. Нажмите Start Test.

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

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

Это интересно: Как проверить историю домена

PR-CY

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

Для работы с инструментом перейдите на его главную страницу и введите url. Затем определитесь с уровнем проверки (для компьютера или телефона), нажмите «Анализировать».

Site Speed

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

Чтобы промониторить сайт, перейдите на sitespeed.me, укажите адрес сайта и нажмите «Отправить».

Web Page Test

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

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

Актуально: Mobile First Index — что это и как работает

GTmetrix

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

Чтобы протестировать ресурс, перейдите на gtmetrix.com, укажите адрес и нажмите Analyze.

SeoLik

Принцип работы тот же: зайдите в сервис, укажите url, введите капчу и нажмите на кнопку «Анализировать» (для начала работы придётся пройти авторизацию).

Расширенный анализ доступен раз в сутки. Здесь выставляется общая оценка производительности, а также скорость сайта для ПК и мобильных устройств по отдельности. С детальной информацией по каждому пункту можно ознакомиться в разделе «Юзабилити» и «Мобильность» внизу отчёта.

Web Page Analyzer

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

Для тестирования откройте Web Page Analyzer, введите адрес страницы и нажмите на кнопку «Отправить».

Which Load Faster

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

Читайте также: Сервисы проверки позиций сайта в поиске

Load Impact

Сервис определяет скорость сайта при максимальных нагрузках путём симулирования лёгкой DDOS-атаки (несколько десятков пользователей и около сотни активных соединений). Он позволяет узнать время загрузки страниц с разной нагрузкой на сервер.

Чтобы узнать возможности своего web-проекта, зайдите на Load Impact, введите url и нажмите на кнопку Run Free Test.

А каким инструментом для измерения скорости сайта пользуетесь вы? Поделитесь в комментариях!

5 инструментов чтобы проверить скорость загрузки сайта в 2020

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

Содержание:

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

Google считает лучшим временем — от 1 до 3 секунд (исследование доступно по ссылке, последний раз информация обновлялась в 2018 году). С Яндексом сложнее, в справках и блогах отсуствуют количественные данные. Единственно, в Яндекс Вебмастере можно найти уведомление о долгом ответе сервера (появляется, если среднее время ответа сервера на сайте больше 3 секунд, что непозволительно много).

Далее, при просмотре результатов инструментов, мы сможем убедиться, что большая часть ориентируется как раз на 3 секунды, как на наиболее оптимальное время загрузки страницы. Меньшее время — лучше. Большее — значит уже есть серьёзные проблемы, которые необходимо решать. Подробнее о техниках улучшения этих показателей я рассказываю в статье «Как увеличить скорость загрузки сайта». Хороший материал по оптимизации можно найти у самих поисковых систем. Например, рекомендации Yahoo.

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

Помимо того, что хорошая скорость загрузки делает ваших посетителей довольными (какими, например, хочу сделать вас я, дав хорошую скорость загрузки), это также с 2010 года является фактором ранжирования в Google, а с 2018 у данной ПС есть отдельный фильтр для медленных сайтов. Правда, работает он для слишком медленных ресурсов:

«Speed Update», как мы его называем, будет влиять только на те страницы, которые доставляют пользователям самый плохой и медленный опыт взаимодействия со страницей, и будет влиять только на небольшой процент поисковых запросов. Он применяет один и тот же стандарт ко всем страницам, независимо от технологии, используемой для создания страницы (прим. речь, например, про HTML-шаблоны или SPA-сайты). Интент поискового запроса по-прежнему является очень сильным сигналом, поэтому медленная страница может по-прежнему занимать высокое место в выдаче, если она имеет хороший, релевантный контент.

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

Изображение со страницы
https://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

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

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

loading.express

Этот один из немногих сервисов, который позволит вам проверить скорость загрузки вашего ресурса на территории России. В целом, выдаёт нормальный блок по основным метрикам скорости. Самая полезная фича — время ответа сервера для региона РФ. Не каждый сервис в этом обзоре сможет дать вам адекватное число. По значкам вопроса можно кликать и смотреть подробное описание того что и как измеряется. Из минусов: подходит только для экспресс-аудита ваших страниц, а также нельзя сохранить ссылку на проверку, чтобы вернуться к ней позже. За более подробными рекомендациями по скорости лучше смотреть другие 4 сервиса в обзоре.

loading.express

gtmetrix.com

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

Из минусов: регион сканирования находится слишком далеко от СНГ, что немного сказывается на точности и числовых показателях скорости. 

gtmetrix.com

pingdom.com

Для меня второй по точности рекомендаций инструмент после gtmetrix. Ещё и красивый. Даёт примерно такое же количество полезной контентной нагрузки про скорость вашего сайта.

pingdom.com

webpagetest.org

Неизменное золото в сфере исследования быстродействия ваших страниц. Особенность заключается в проведении нескольких тестов чтобы сделать объективное заключение по увеличенной выборке данных. Также позволяет тонко настраивать браузер и местоположение откуда будет производиться проверка скорости сайта (СНГ в этом списке нет). Также дополнительно сервис сформирует вам видео того, как грузится страница.

webpagetest.org

dotcom-tools.com

Главная фишка данного инструмента — проверка скорости загрузки из 25 разных регионов, включая Северную и Южную Америку, Европу, Азию, Африку. Подробных рекомендаций ждать не следует, а вот сравнить быстродействие в другой стране будет удобно вместо запуска отдельно нескольких тестов, как в случае с webpagetest.org.

dotcom-tools.com

Где ещё можно посмотреть скорость загрузки?

Google Analytics

Чтобы получить информацию, нужно перейти в отчёт:
Поведение > Скорость загрузки сайта

Самый ценный инстурмент в данных отчётах — это сводка «Ускорение загрузки».

Если сформулировать кратко, то гугл аналитка для каждой страницы сайта проводит проверку в Google Pagespeed Insights и формирует ссылки на отчёты. Очень удобно отследить на какой именно странице из всего сайта медленная загрузка.

Яндекс Метрика

Для этого нужно перейти в отчёт:
Стандартные отчёты > Мониторинг > Время загрузки страниц.

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

Google Search Console

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

Что делать с этой информацией?

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

---

Оцените статью:

---

Опубликовано: 05.02.20
Изменено: 15.09.20

Написал: Александр Штеркель

5 инструментов чтобы проверить скорость загрузки сайта в 2020 5 инструментов чтобы проверить скорость загрузки сайта в 2020

---

Зацените и другие статьи:

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

Практические рекомендации по настройке PWA на сайте. Настраиваем Manifest.json и добавляем Service Worker, тестируем доработки и не понимаем зачем это всё.

Как скорость загрузки сайта влияет на SEO? – Artjoker

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

 

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

 

Отдельным разделом стоит последнее обновление Google Speed Update, которое коснулось исключительно мобильных телефонов. С июля 2018 года все страницы, которые будут загружать медленнее чем, за 3 секунды, будут искусственно опущены в результатах поиска. Чтобы не попасть впросак, необходимо проверить скорость загрузки страниц сайта Google.

 

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

 

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

 

Инструменты для оценки скорости:

 

 

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

 

В ходе проверки инструменты сравнивают вас с «идеальными» показателями по таким критериям: качество вёрстки в HTML, CSS и JS; уровень пинга из разных городов; использование кеша; количество переходов со страницы на страницу и др. После анализа страницы приложение предложит рекомендации, с помощью которых можно увеличить скорость загрузки сайта целиком для Google.

 

 

Хорошая скорость загрузки сайта (норма)

 

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

 

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

 

Поэтому для сайта хорошим временем загрузки является 1,07-1,12 секунды, а по скорости загрузки сайта 173-205 Кб/с. Однако если тест проверка скорости загрузки сайта онлайн от Google показывает цифры ниже этой, не спешите паниковать – у этой компании другие параметры оценки сайта.

 

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

 

Как показывает база данных PageSpeed Insights, поисковик делит сайты по времени загрузки на быстрые, средние и медленные.

 

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

 

• Хорошая скорость – менее 1 секунды;
• Средняя – от 1 до 2,1 секунды;
• Плохая – более 2,1 секунды.

 

Для мобильных устройств цифры немного ниже, поскольку считают их с учётом более слабого интернета:

 

• Хорошая скорость – менее 1,6 секунды;
• Средняя – от 1,6 до 3 секунд;
• Плохая – более 3 секунд.

 

Отметим, что в понятие «нормальная скорость» входит и хорошая, и средняя – под санкции от Google попадает только самая медленная категория.

 

Как увеличить скорость загрузки страниц сайта для Google?

 

Наиболее простой способ повысить скорость загрузки страницы сайта в секундах – применить советы, которые предлагает Google PageSpeed Insights.

 

Кроме рекомендаций от инструментов, вот что ещё можно сделать для увеличения скорости загрузки страницы:

1. Сократите HTTP-запросы. Сделать это можно, объединив все CSS и JavaScript в один файл. Также можно минимизировать ресурсы, удалив лишние пробелы в файлах;
2. Используйте завершающий слэш. Это снизит время поиска и позволит увеличить скорость загрузки интернет сайтов;
3. Оптимизируйте изображения и видео. Нет смысла загружать фотографии с высоким разрешением на мобильный сайт. Сжимайте и конвертируйте для экономии места.

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

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

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

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

Содержание статьи:

Какой должна быть скорость?

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

• 0,1-0,5 секунды или 100-500 мс — мгновенно, пользователь даже не заметить никаких задержек. Другое дело, что такая скорость загрузки невозможна для современных сайтов, переполненных различными изображениями, скриптами и стилями;
• 1 — 3 секунды — оптимальный вариант, пользователь заметит небольшую паузу, но это не вызовет раздражения и он продолжит работу на сайте. К такому результату нужно стремиться;
• 5-10 секунд и больше — очень плохо, пользователю придется ждать и он может попросту уйти, или, по крайней мере у него останется неприятное впечатление о сайте.

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

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

1. Google Chrome

Самый первый инструмент, который стоит использовать — это ваш браузер. Тут вы можете детально посмотреть с какой скоростью загружается страница у вас и какие элементы создают большую нагрузку. Откройте ваш сайт, например, главную страницу, и нажмите сочетание клавиш Ctrl+Shift+J, затем перейдите на вкладку «Perfomance»:

 

Браузер предложит вам нажать кнопку F5, чтобы обновить страницу и записать сеанс, после этого отобразиться скорость загрузки:

 

Внизу страницы мы видим результат, она загружена за 8,1 секунды, это плохо, но первые элементы на странице появились уже в 2 секунды, а значит пользователи не почувствовали много неудобств. Тут вы можете найти множество полезной информации, какие материалы грузились долго можно посмотреть развернув надпись «Network»:

 

Например, у меня время загрузки для различных стилей составляет около 400 мс, это много. Сворачиваем «Network» и смотрим «Frames». Синий индикатор показывает, когда завершилась загрузка основных компонентов и пользователь увидел первые элементы на странице (DOM Loaded):

Загрузка элементов отображается на графике «Main», синим — HTML код, желтым — скрипты, зеленым — медиа данные, розовым — стили.

 

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

2. Pingdom tools

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

Страница загрузилась за 7.22, почти тот же результат, что и в Google Chrome и при этом со страницы было отправлено 115 запросов различных файлов и общий вес страницы 1,9 мегабайт.

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

Можно отсортировать по «Load Time» в поле «Sort by»:

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

• Розовый — время получения IP по DNS;
• Пурпурный — время установки соединения SSL;
• Синий — ожидание подключения к серверу;
• Оранжевый — время передачи данных;
• Желтый — время ожидания ответа сервера;
• Зеленый — время, потраченное на загрузку данных.

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

На время получения DNS и рукопожатие SSL мы повлиять не можем, и оно выполняется только один раз. Далее подключение к серверу, зависит от нагрузки на сеть, можно оптимизировать только одним путем — использовать https и новый протокол http2, тогда соединение будет выполняться только раз, а все данные будут передаваться в одном потоке.

Затем идет время ожидания ответа сервера. Этот параметр зависит от многих факторов — насколько долго запрос обрабатывается веб-сервером, php, загруженности сети и так далее. Время ожидание в 100 мс — это еще норма, но когда оно составляет 300 мс для статических файлов — это уже проблема. Допустим, на странице загружается 20 картинок, 20*300 — это уже шесть секунд, а возьмите статью, в которой картинок еще больше — 30, 50. Вот вам и время загрузки.

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

3. Host-tracker

Минус Pingdom в том, что там можно проверить скорость сайта только на заграничных ресурсах. Если нас интересует Россия, то лучшие использовать host-tracker:

Но здесь совой недостаток, загружается только html код страницы и все. Никакие изображения и вообще структура DOM загружены не будут. Например, в Москве, html код страницы загружается за 79 мс, а в Австралии за 2,5 секунды. Например, в Pingdom этот же показатель был примерно 800 мс. Тут не выполняется проверка скорости страниц сайта. Если вы хотите проверить скорость загрузки отдельного ресурса на странице, то вам нужно будет набирать его url отдельно.

4. Проверка скорости в терминале

Проверка скорости сайта в терминале Linux позволит получить больше всего необходимой информации, чтобы принять правильное решение по оптимизации. Мы выяснили, что самую большую проблему после проблемных файлов представляет время ожидания ответа веб сервера. Теперь нужно понять откуда оно берется. Утилита curl позволяет узнать скорость загрузки сайта, замерять время до получения первого байта, по сути, это и есть wait time + connect + dns + ssl + read. Команда выглядит вот так:

curl "https://losst.ru" -s -o /dev/null -w "response_code: %{http_code}\n
dns_time: %{time_namelookup}\n\
connect_time: %{time_connect}\n\
AppCon time:\t%{time_appconnect}\n\
pretransfer_time: %{time_pretransfer}\n\
starttransfer_time: %{time_starttransfer}\n\
total_time: %{time_total}"

Значение каждой переменной:

• time_namelookup — время преобразования домена в IP адрес;
• time_connect — время установки соединения по TCP;
• time_appconnect — время, затраченное на соединение SSL;
• time_pretransfer — время, затраченное на подготовку к передаче данных;
• time_starttransfer — время получения первого байта от сервера;
• time_total — общее время загрузки страницы, только html, без скриптов и изображений.

Фактически здесь выходит, что время ожидания веб-сервера меньше 100 мс. Время отправки данных можно принять за 0, тогда wait time от pingdom будет time_starttransfer —  time-pretransfer. Мы можем проверить другой ресурс, например, изображение:

Здесь уже видим тот же wait time до 140 мс. Плохо, учитывая, что у серверов Google этот параметр до 5 мс. Дальнейший анализ нужно продолжить на вашем сервере. Мы посмотрим насколько быстро веб-сервер возвращает результат с помощью tcpdump. Дальнейшую инструкцию можно выполнить только на VPS/VDS, на хостингах у вас это не выйдет. Авторизуйтесь на вашем сервере по SSH и выполните там такую же команду:

$ curl «http://test.losst.ru/wp-content/uploads/2017/07/Snimok-ekrana-ot-2017-07-31-18-56-04-300×169.png» -s -o /dev/null -w «response_code: %{http_code}\

dns_time: %{time_namelookup}\n\
connect_time: %{time_connect}\n\
AppCon time:\t%{time_appconnect}\n\
pretransfer_time: %{time_pretransfer}\n\
starttransfer_time: %{time_starttransfer}\n\
total_time: %{time_total}»

 

 

Результат будет совсем другим, моему серверу понадобилось 63 миллисикунды на обработку этого запроса. Из чего можно сделать вывод, что все остальные задержки — проблема работы сети. Мы еще можем отследить как передаются пакеты и заголовки с помощью tcpdump, только нужно отключить SSL, иначе вы ничего там не разберете:

tcpdump -n -S -s 0 -vvvvv -A '(tcp dst port 80 or tcp src port 80) and (dst host ваш_ip or src host ваш_ip)'

Вы можете подробнее почитать как пользоваться tcpdump в отдельной статье. Фактически, этот фильтр означает, что нужно отображать все пакеты, полученные на порт 80 или отправленные с порта 80, при том, что они будут отправлены либо с вашего ip либо на ваш ip. Теперь в другом терминале выполните curl запрос к http версии сайта, в tcpdump вы увидите полный список пакетов и их содержимое:

 

14:30:08.392309 IP (tos 0x0, ttl 54, id 61543, offset 0, flags [DF], proto TCP (6), length 129)
95.133.238.84.landmarks > 185.22.173.108.http: Flags [P.], cksum 0x9f58 (correct), seq 1691128117:1691128194, ack 3071477496, win 229, options [nop,nop,TS val 5005665 ecr 848099631], length 77
E. [email protected]..._..T...l...Pd..5.........X.....
.Laa2../GET / HTTP/1.1
Host: test.losst.ru
User-Agent: curl/7.50.1
Accept: */*

14:30:08.392357 IP (tos 0x0, ttl 64, id 65431, offset 0, flags [DF], proto TCP (6), length 52)
185.22.173.108.http > 95.133.238.84.landmarks: Flags [.], cksum 0xb483 (incorrect -> 0x6fa7), seq 3071477496, ack 1691128194, win 227, options [nop,nop,TS val 848099696 ecr 5005665], length 0
E..4..@.@……l_..T.P……d…………..
2..p.Laa
14:30:08.402702 IP (tos 0x0, ttl 64, id 65432, offset 0, flags [DF], proto TCP (6), length 2948)
185.22.173.108.http > 95.133.238.84.landmarks: Flags [.], cksum 0xbfd3 (incorrect -> 0x2316), seq 3071477496:3071480392, ack 1691128194, win 227, options [nop,nop,TS val 848099707 ecr 5005665], length 2896
E…..@.@.{~…l_..T.P……d…………..
2..{.LaaHTTP/1.1 200 OK
Server: nginx/1.13.3
Date: Fri, 18 Aug 2017 11:30:08 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Expires: Fri, 18 Aug 2017 21:30:08 GMT
Pragma: public
Cache-Control: max-age=36000, public
X-Powered-By: W3 Total Cache/0. 9.5.4

• 14:30:08.392309 — отправлен запрос на страницу;
• 14:30:08.402702 — получен ответ.

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

Выводы

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

Скорость загрузки сайта влияет на количество заявок и звонков с вашего сайта. Ес…

Медленный сайт — убийца продаж!

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

Гугл пишет, что 53% людей уходят с сайта, если он загружается больше 3-х секунд.

79% людей, не вернутся на ваш сайт, если были недовольны скоростью его работы в первый раз. По статистике Skilled.co.

64% ожидают скорости загрузки сайта не более 4-х секунд.

Одна секунда задержки загрузки может снизить конверсию на 7%.

1 секунда задержки загрузки страниц, равно 11% потерянных переходов внутри сайта.

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

Данные по времени запуска отсмотрены вручную из Web Archive.

1. Google PageSpeed Insights

Самый популярный сервис проверки скорости сайта. В 2018 году он сильно обновился, после переезда на технологию LightHouse. И только с 2018 года Гугл Пейдж Спид начал замерять скорость сайта. Не рекомендую ориентироваться только на его показатели. Используйте вместе с Google PageSpeed Insights сервис GTmetrix.com и LOADING.express. Есть вторая версия, ориентированная больше на простых пользователей от Гугл — Think With Google. Замеры из Европы. Работает с 2012 года.

Ссылка на сервис здесь.

2. GTmetrix

Удобный сервис. Хороший дизайн. Быстрый интерфейс. Измеряет на максимальной скорости устройства и интернет канала. Именно этим и отличается от PageSpeed. Сделано в Канаде в 2010 году. Замеров из России не делает. Но есть хорошие функции, вроде видео с загрузкой сайта. Посекундное отображение загрузки контента сайта и WaterFall — это когда вы можете посмотреть все составляющие вашего сайта в детальной картине загрузки сайта. Очень мощный инструмент для работы над ускорением сайта.

Ссылка на сервис здесь.

3. WebPagetest

Отличный сервис для профессионалов. Много полезных функций. Юзабилити оставляет желать лучшего. Так обычно делают технари для технарей. Удобные видео отчеты загрузки с секундомером. Удобная функция сравнения нескольких сайтов между собой. Работает с 2009 года. Проверки из разных стран. Имеет открытый код и API.

Ссылка на сервис здесь.

4. Pingdom Tools

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

Обычно после прогружаются разные динамические JS-события и это может занимать до +15 секунд. В это время пользователь не сможет кликать ссылки, меню или свободно скролить страницу. Создан в 2006.

Ссылка на сервис здесь.

5. Loading.express

Made in Russia с любовью к быстрым сайтам. Команда разработчиков из IW.MEDIA создали сервис с проверками из России. Это один из наиболее точных замеров скорости загрузки, потому как остальные популярные сервисы замеряют из Европы или из США.

Создан в 2018 году. Обновляется каждый месяц. Команда помогает ускорять медленные сайты. Есть партнерская программа для заработка веб-мастерам и разработчикам.

Ссылка на сервис здесь.

6. Dotcom-Monitor

25 стран за один тест! Причем, сразу делает замер без кэша и с прокешированной страницей. Показывает PageSpeed. Запущен в 2014 году.

Ссылка на сервис здесь.

7. Sitespeed.me

Проверка из 7 стран. Работает с 2014 года. Из функций — только проверка на скорость загрузки.

Ссылка на сервис здесь.

8. Dareboost

Хороший сервис из Франции. Сканирует много показателей, важных для скорости загрузки. Создает видео загрузки. WaterFall. Очень функционально. 14 стран, из которых можно делать проверку скорости загрузки сайта. Можно сравнивать несколько сайтов между собой после регистрации. Сервис ограничен в бесплатной версии, но даже просто зарегистрировавшись можно получить хорошие функции. Запущен в 2014 году.

Ссылка на сервис здесь.

9. GiftofSpeed

Проверка скорости из 8 стран, без России. Плюс 16 сервисов для проверки свойств, влияющих на скорость загрузки сайта. Ускорят ваш сайт по заявке. Запустились в 2015 году из Нидерландов.

Ссылка на сервис здесь.

10. Uptrends

Тоже из Нидерландов. С автоматической перепроверкой, с платной историей. можно бесплатно проверять с мобильного и с десктоп. Работает с 2014 года.

Ссылка на сервис здесь.

11. KeyCDN

Проверка из 14 стран. Продажа сопутствующих услуг. Работает с 2015 года. Швейцария.

Ссылка на сервис здесь.

12. Site24×7

Продукт от компании ZOHO. Индия. Замеряет скорость загрузки первого байта, скорость загрузки последнего байта и скорость ответа сервера. Есть точки замера в Петербурге и Москве. Работает с 2007 года.

Ссылка на сервис здесь.

Выводы

Скорость загрузки сайта напрямую влияет на его конверсию. Конверсия влияет на прибыль компании. Прибыль компании влияет на скорость развития компании.

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

Ускоряйте ваши сайты. Увеличивайте конверсию!

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

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

Рейтинг сайтов веб-студий России по версии «Рейтинга рунета», тут есть веб-студии, страницы у которых весят более 70 МБ.

Как узнать скорость загрузки сайта: анализ, оценка, оптимизация

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

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

Google Analytics

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

1. Скорость загрузки ресурса, вычисляемая для определенной выборки просмотров страниц. С помощью данной выборки можно проанализировать, как изменяется скорость загрузки веб-страниц в зависимости от местоположения пользователей, операционной системы, браузера, разрешения дисплея и целого ряда иных параметров.
2. Быстрота выполнения/загрузки для единичного запроса или действия. Например, можно определить скорость загрузки графического элемента (изображения, GIF-файла и т.п.) или время отклика на нажатие кнопки.
3. Эффективность обработки документа на сайте и скорость предоставления этого файла пользователю.

Какие же действия необходимо выполнить для использования функционала Google Analytics?

1. Необходимо завести аккаунт Google и авторизоваться в системе.
2. Перейти по адресу www.analytics.google.com.
3. Создать учетную запись для сайта, если ее нет.
4. Выбрать соответствующее представление.

Интерфейс Google Analytics

5. Во вкладке “Отчеты” кликнуть по пункту “Поведение”.

Вкладка “Отчеты”, пункт “Поведение” в Google Analytics

6. Жмем по ссылке “Скорость загрузки сайта”.

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

Подпункт “Время загрузки страниц в Google” Analytics

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

Дополнительные параметры подпункта “Время загрузки страниц”

Вкладкой ниже в подпункте “Ускорение загрузки” приведен перечень страниц с предложениями по оптимизации данных страниц посредством сервиса PageSpeed Insights. Также в предлагаемой таблице есть показатель “Уровень скорости загрузки страниц”, который показывает, насколько можно повысить скорость загрузки той или иной страницы. Чем меньше этот показатель, тем больших результатов в повышении скорости загрузки страницы можно добиться.

Подпункт “Ускорение загрузки” в Google Analytics

Для новичков в Google Analytics присутствует подробное руководство по работе с ресурсом с удобным и функциональным поиском по ключевым словам.

Поиск по ключевым словам в Google Analytics

PageSpeed Insights

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

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

PageSpeed Insights отображает следующие результаты:

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

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

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

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

Проверить реакцию любой интернет-страницы можно, перейдя по ссылке www.developers.google.com/speed/pagespeed/insights/. В строку поиска вставляем интересующий URL и жмем “Анализировать”.

Анализ быстродействия сайта посредством PageSpeed Insights

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

Результаты анализа сайта по PageSpeed Insights

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

Консоль разработчика Google Chrome

Проверить скорость загрузки сайта можно также при помощи браузера Google Chrome и консоли отладчика. Для того чтобы выполнить проверку, зайдите на интересующий вас сайт и нажмите клавишу F12. После этого откроется окно разработчика – перейдите на вкладку “Network” и обновите страницу с помощью нажатия клавиши F5. По мере загрузки страницы можно будет увидеть перечень прогружаемых файлов (изображений, скриптов и т.п.), а также количество времени, которое потребовалось на загрузку того или иного элемента.

Анализ скорости сайта с помощью консоли разработчика Google Chrome

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

GTmetrix

С помощью зарубежного сайта GTmetrix можно проанализировать скорость страниц через Google PageSpeed и YSlow. Для проверки используется единый сервер, расположенный в Ванкувере. Эксплуатация ресурса аналогична: вставляем адрес и жмем “Analyze”.

Интерфейс сервиса GTmetrix

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

Результаты проверки сайта посредством GTmetrix

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

Для продвинутых пользователей пригодится вкладка “Waterfall”, на которой отображаются все файлы, найденные на странице и скорость их загрузки. Интерфейс вкладки весьма похож на интерфейс консоли разработчика в Google Chrome или инструмент Firebug Net Panel для Mozilla Firefox.

Кнопка “Download PDF” скачает на ПК отчет по сайту в формате PDF. Результаты тестирования можно сохранить, что дает возможность сравнить их с итогами тестов после внедрения исправлений.

WebPage Analyzer

Процесс проверки с помощью WebPage Analyzer является практически аналогичным предыдущим онлайн-сервисам – вставляем URL-адрес веб-ресурса и жмем кнопку “Отправить”:

Интерфейс онлайн-сервиса WebPage Analyzer

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

Статистика сайта по WebPage Analyzer

Исходя из этого скрипт предоставляет объекты страницы и их параметры, а также содержит поле комментариев:

Объекты проверяемой страницы – WebPage Analyzer

После данной таблицы находятся подробные характеристики и рекомендации по исправлению ошибок:

Рекомендации по оптимизации файлов страницы WebPage Analyzer

Pingdom

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

Открываем адрес https://tools.pingdom.com/, вставляем ссылку на интересующий сайт, определяемся с сервером и кликаем “Start test”.

Интерфейс онлайн-сервиса Pingdom

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

Показатели скорости загрузки сайта – Pingdom

Ниже в сводной таблице проверки отображаются данные по каждому запросу к серверу (java-скрипты, различные стили, медиафайлы и т. п.).

Перечень объектов страницы и время их загрузки – Pingdom

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

WebPagetest

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

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

Что же необходимо, чтобы проверить скорость ответа сайта?

1. Для быстрой проверки кликаем по ссылке http://www. webpagetest.org и активируем вкладку “Simple Testing”.
2. Вставляем адрес ресурса в текстовую форму, указываем скорость соединения (мобильный интернет, 3G, высокоскоростное подключение) и жмем “Start test”.

Интерфейс онлайн-инструмента WebPagetest

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

Результаты проверки сайта с помощью WebPagetest

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

Load Impact

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

Вставляем адрес ресурса и кликаем “Run free test”:

Load Impact – интерфейс сервиса

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

Результирующий график проверки нагрузки на сайт

WhichLoadFaster

Инструмент WhichLoadFaster предназначен для сравнения динамики загрузки двух сайтов, например, собственного и конкурирующего.

Проверка сайтов через сервис WhichLoadFaster

После вставки ссылок на интересующие ресурсы и щелчка по пиктограмме “GO” начнется загрузка сайтов, а результаты проверки будут в реальном времени визуализироваться на экране, разделенном надвое:

Сравнение сайтов с помощью WhichLoadFaster

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

Анализ каждого из двух сайтов отдельно – WhichLoadFaster

Анализирует посещение URL с серверов, расположенных по всему земному шару, показывая информацию о каждом соединении. Алгоритм проверки выглядит аналогично другим похожим сервисам – необходимо просто вставить URL и нажать кнопку “Start test”:

Интерфейс инструмента Monitis Tools

Это один из немногих сервисов, разгружающих себя от роботов благодаря использованию сервиса капчи для запуска теста. По окончанию проверки на экране отобразится отчет, где красным цветом на временной линии отображаются файлы, отрицательно влияющие на показатель скорости загрузки сайта. Испытать сервис можно по ссылке: http://www.monitis.com/pageload/.

Результаты проверки сайта через Monitis Tools

Проверка осуществляется с помощью трех различных местоположений серверов – США (United States), Европа (Europe), Азия (Asia/Pacific).

PR-CY

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

Вставляем ссылку в форму по URL http://pr-cy.ru/speed_test/ и кликаем “Анализировать”.

Анализ веб-сайта с помощью PR-CY

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

Перечень ошибок и рекомендации по исправлению – PR-CY

Seo28

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

Проверка сайта посредством онлайн-инструмента Seo28

Также сервис предлагает постоянную ссылку на результаты проверки скорости ресурса.

Выводы

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

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

Автор статьи:

Олег Скрып

Руководитель компании ApollonGuru, ментор SEO-материалов vc.ru. В интернет-маркетинге с 2012 года. Люблю чтобы все было четко.

Будем признательны за каждый лайк:

« Older Article

Как правильно провести тест скорости веб-сайта (вы делаете это неправильно)

Когда дело доходит до вашего сайта WordPress, важна скорость . Это факт. Зачем? Во-первых, скорость веб-сайта — важный фактор в алгоритме Google. Быстро загружающиеся веб-сайты могут рассчитывать на более высокий рейтинг в поисковой выдаче и привлекать больше посетителей. Во-вторых, необходимо учитывать все аспекты пользовательского опыта. Если сайт загружается быстро, посетители с большей вероятностью останутся, прочитают ваш контент и в конечном итоге конвертируются.Другими словами, молниеносный веб-сайт открывает все хорошее, чего жаждут веб-мастера.

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

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

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

Перед запуском теста скорости веб-сайта

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

1. Кэширование
2. Сеть доставки контента

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

1. Настройте кэширование

Если вы являетесь клиентом Kinsta, наш кеш страниц на уровне сервера уже будет запущен на вашем действующем сайте WordPress. Так что настраивать не нужно. Однако помните, что кэширование отключено в наших промежуточных средах по умолчанию для целей разработки и отладки. Чтобы включить кэширование в промежуточной среде, вы можете переключить кнопку «Включить кэш» на странице инструментов вашего сайта в MyKinsta.

Мгновенное сокращение времени загрузки на 37% после перемещения @WPColt в @kinsta! (БЕЗ ПЛАГИНОВ КЭШЕНИЯ) 🚀🚀🚀

— WPColt (@WPColt) 3 января 2018 г.

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

2. Включение сети доставки контента (CDN)

Если вы не знаете, что такое сеть доставки контента, вам следует сначала прочитать наш подробный пост о том, почему вам следует использовать CDN WordPress.В 99,9% сценариев это будет иметь огромное влияние на скорость вашего сайта. В зависимости от местоположения центра обработки данных, в котором размещен ваш сайт, и местоположения ваших посетителей, мы наблюдали сокращение времени загрузки CDN более чем на 50%!

Если вы клиент Kinsta, мы включаем бесплатную полосу пропускания CDN во все наши планы хостинга. Вы можете включить Kinsta CDN в два простых шага.

Шаг 1

Сначала войдите в личный кабинет MyKinsta. Нажмите на свой сайт, а затем на вкладку CDN.

Kinsta CDN

Шаг 2

Затем нажмите «Добавить зону». Через несколько минут CDN развернется автоматически, и ваши ресурсы будут обслуживаться из кеша по всему миру. Вот и все.

Включить Kinsta CDN

Если вы используете или заинтересованы в Cloudflare, у нас есть подробное руководство о том, как установить Cloudflare на ваш сайт WordPress, и этот пост о наиболее оптимальных настройках. Мы также рекомендуем ознакомиться с нашим сравнением Kinsta CDN и Cloudflare и нашим руководством по автоматической оптимизации платформы CloudFlare.

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

Как правильно запустить тест скорости веб-сайта

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

Место проведения теста скорости имеет значение

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

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

Что бы вы ни делали, будет соответствовать выбранному вами месту .

Вы должны тестировать несколько раз

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

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

Как узнать, что ваш контент или мультимедиа не обслуживаются из кеша? Это просто. Каждый инструмент проверки скорости показывает вам так называемые заголовки HTTP (также известные как заголовки ответов). Они содержат важную информацию о каждом запросе.

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

Тест скорости

Если вы посмотрите на пример ниже, первый запрос направлен к основному домену, и он загружается непосредственно с сервера Kinsta. Ниже вы можете увидеть, что остальные запросы загружаются из Kinsta CDN (xxxx.kinstacdn.com).

Если вы посмотрите на запрос к серверу Kinsta , вы увидите заголовок под названием x-kinsta-cache .Когда он еще не работает из кеша, он зарегистрирует MISS . Название этого заголовка может незначительно отличаться в зависимости от вашего хостинг-провайдера.

Сеть Kinsta CDN запрашивает ниже, аналогичным образом. Найдите заголовок под названием x-cache . Когда он еще не работает из кеша, он зарегистрирует MISS . Опять же, название заголовка может немного отличаться в зависимости от вашего провайдера CDN. Например, когда вы используете Cloudflare, HTTP-заголовок называется cf-cache-status .

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

Для правильного тестирования скорости вам необходимо видеть, что все загружается из кеша (как с вашего хоста WordPress, так и с CDN). Когда это так, заголовки x-kinsta-cache и x-cache зарегистрируют HIT (как показано ниже). Для этого обычно требуется несколько раз выполнить тест скорости . Мы обнаружили, что два или три обычно являются магическим числом. Некоторые инструменты для проверки скорости, такие как Pingdom, также ограничивают время между каждым тестом (обычно парой минут).Так что вам, возможно, придется запустить тест скорости, вернуться позже, запустить его снова и т. Д.

Хост WordPress и кеш CDN

Также возможно, что ваш хост WordPress зарегистрирует HIT с кешем перед вашим CDN. Вы можете быстро просмотреть тест и найти большую желтую полосу. Это указывает на TTFB (время ожидания), которое действительно сильно возрастает, когда страница или ресурс не доставлены из кеша.

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

Тест скорости с кешем

Помимо запросов к вашему хостинг-провайдеру и CDN, у вас, скорее всего, также будут внешние запросы к таким вещам, как Facebook, Google Analytics, Google Fonts и т. Д. Устранение неполадок — это проблема на другой день. 😉 Ознакомьтесь с нашей публикацией о том, как определять и анализировать внешние службы на вашем сайте WordPress, нашим полным руководством по Pingdom и нашим подробным руководством по изменению шрифта в WordPress.

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

Подпишитесь на информационный бюллетень

Мы увеличили наш трафик на 1187% с помощью WordPress.

Мы покажем вам, как это сделать.

Присоединяйтесь к более чем 20 000 других людей, которые получают нашу еженедельную рассылку с советами по WordPress!

1. Пингдом
2. Google PageSpeed ​​Insights
3. Инструмент проверки скорости веб-сайта Google для мобильных устройств
4. Скорость сайта Google Analytics
5. WebPageTest
6. GTMetrix
7. Тест скорости веб-сайта KeyCDN
8. DareBoost
9. Анализатор веб-страниц
10. Y Медленная
11. Инструменты разработчика Chrome
12. Ударная нагрузка
13. Реликвия сайта
14. дотком-монитор
15. Новая реликвия

Одна из самых важных вещей, когда дело доходит до тестирования скорости веб-сайта, — выбрать один инструмент и придерживаться его . У каждого свой набор различных показателей, поэтому вы не можете сравнивать результаты тестирования одного инструмента с другим. Не существует правильного или неправильного инструмента, вы должны просто сосредоточиться на улучшении. Гэри Иллис, аналитик тенденций для веб-мастеров из Google, хорошо подводит итог.

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

— Гэри 鯨 理 ／ 경리 Illyes (@methode) 12 июля 2018 г.

1. Pingdom

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

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

Инструмент для проверки скорости веб-сайта Pingdom

Pingdom также дает вам рейтинг скоростных характеристик из 100 возможных. Этот рейтинг разбит на двенадцать критериев, каждому из которых присваивается индивидуальная оценка. Опять же, это полезно для определения « быстрых побед », на которые вы можете нацелиться, чтобы мгновенно и ощутимо повысить скорость вашего сайта. Можно набрать 100 баллов. Однако не зацикливайтесь на оценках, поскольку они не так важны, как простое улучшение вашего сайта для его ускорения.

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

2. Google PageSpeed ​​Insights

Google с 2010 года заявляет, что скорость страницы является важным фактором ранжирования для SEO. Чтобы помочь вам повысить скорость вашего сайта, у Google есть собственный инструмент тестирования скорости, Google PageSpeed ​​Insights, который измеряет производительность страницы для мобильных и настольных устройств.

Инструмент Google PageSpeed ​​Insights

Рейтинг PageSpeed ​​составляет от 0 до 100 баллов и основан на Lighthouse.Чем выше оценка, тем лучше, а оценка 85 или выше означает, что страница работает хорошо. На странице отчета представлена ​​полезная разбивка шагов, которые можно предпринять для повышения производительности. PageSpeed ​​Insights также предоставляет вам дополнительные предложения по работе с мобильными устройствами. Ознакомьтесь с нашими мыслями о том, можно ли набрать 100/100 баллов на PageSpeed ​​Insights.

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

3. Инструмент проверки скорости веб-сайта Google для мобильных устройств

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

Инструмент для проверки скорости веб-сайта Google Mobile

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

4. Скорость сайта Google Analytics

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

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

Время загрузки сайта Google Analytics

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

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

5. WebPageTest

WebPagetest был создан Патриком Минаном, инженером Chrome в Google. Это проект с открытым исходным кодом, который позволяет запускать бесплатный тест скорости веб-сайта из разных мест по всему миру с использованием реальных браузеров (IE, Chrome и т. Д.).Это отличный инструмент для более опытных пользователей, которым необходимо получить дополнительные данные из тестов скорости.

WebPageTest

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

6.GTmetrix

GTmetrix — еще один популярный инструмент для анализа скорости и, возможно, самая известная из всех альтернатив Pingdom. Он прост в использовании, и новички могут быстро освоить его. Инструмент обеспечивает всесторонний анализ, объединяя производительность и рекомендации, предоставленные Google PageSpeed ​​Insights и YSlow. Это означает, что GTmetrix представляет собой универсальный магазин для всех ваших потребностей в оптимизации скорости.

Инструмент для проверки скорости веб-сайта GTmetrix

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

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

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

7. Тест скорости веб-сайта KeyCDN

Бесплатный инструмент

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

Инструмент для проверки скорости веб-сайта KeyCDN

Вы можете запустить как частный, так и общедоступный тест, в котором впоследствии можно будет поделиться или добавить в закладки для дальнейшего использования.Отчет с разбивкой показывает отличный обзор методов запроса (GET / POST), кодов состояния HTTP (например, 200 OK или 404), типов файлов, размера содержимого, времени ожидания / получения, общего времени загрузки и общего количества HTTP запросы, созданные на вашем сайте. KeyCDN также имеет другие бесплатные удобные инструменты веб-тестирования производительности, такие как Ping Test, HTTP / 2 Test, HTTP Check и Traceroute Tool.

8. DareBoost

DareBoost — это универсальный сервис для тестирования скорости веб-сайтов, мониторинга веб-производительности и анализа веб-сайтов (скорость, SEO, качество, безопасность).И хотя это в первую очередь услуга премиум-класса, вы можете использовать их инструмент проверки скорости веб-сайта для получения 5 бесплатных отчетов в месяц, за вычетом нескольких дополнительных функций для платных клиентов. Бесплатные отчеты действительно впечатляют!

Инструмент для проверки скорости веб-сайта DareBoost

В отчете о тестировании скорости DareBoost анализируется более 80 различных точек данных по следующим категориям:

• Политика кэширования
• Количество запросов
• Безопасность
• Доступность
• Соответствие
• Качество
• jQuery
• Отрисовка в браузере
• Объем данных
• SEO

Вы можете быстро увидеть, где ваш сайт WordPress испытывает трудности и нуждается в доработке. Отчетность по безопасности также очень уникальна по сравнению с другими инструментами, которые мы упомянули. Вы можете увидеть, например, что ваш веб-сайт подвергается атаке с помощью clickjacking, отсутствует заголовок политики безопасности контента и даже информация о вашем сертификате SSL. Их дизайн тоже довольно классный! Если вам нужен отчет для вашего босса или агентства, это может быть инструмент, который вы хотите проверить.

Отчет об испытаниях скорости DareBoost

9. Анализатор веб-страниц

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

Анализатор веб-страниц

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

10. YSlow

Далее, Yahoo! — инструмент повышения производительности страниц, YSlow. Инструмент требует установки в качестве надстройки к вашему браузеру, но его можно использовать совершенно бесплатно — и поддерживаются самые популярные веб-браузеры.

Yahoo! команда определила 34 фактора, которые влияют на скорость веб-сайта. К сожалению, только 23 могут быть протестированы количественно, поэтому инструмент фокусирует свой анализ на этих областях — веб-сайт YSlow перечисляет эти 23 «правила» с расширенными деталями, которые стоит проверить.После завершения анализа YSlow поставит вам оценку по каждой области — от A до F. Это упрощает определение ваших более слабых областей, на которые вы можете ориентироваться, чтобы сделать самые большие шаги вперед с точки зрения скорости сайта.

Раньше это был самый популярный инструмент для проверки скорости. Но, к сожалению, проект YSlow больше не поддерживается. Их последний коммит был 2 года назад, и на их странице GitHub более 100 открытых проблем. Тем не менее, есть еще некоторая полезная информация, которую предоставляет расширение, но мы рекомендуем использовать более новый и активно поддерживаемый инструмент проверки скорости веб-сайта.

11. Инструменты разработчика Chrome

Сетевая панель Chrome DevTools является частью Chrome. Это очень популярный инструмент среди разработчиков, поскольку он легко доступен и отлично подходит для локальной отладки и тестирования. Вы можете легко запустить сетевую панель в Chrome, нажав Command + Option + I (Mac) или Control + Shift + I (Windows, Linux). Затем вы можете сгенерировать каскадный анализ своего сайта и проанализировать производительность каждого из ваших активов.

Chrome DevTools, сетевой водопад

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

Запрос блокировки в Chrome Devtools

Команда Google также интегрировала Lighthouse в Chrome Devtools. Lighthouse — это автоматизированный инструмент с открытым исходным кодом для улучшения качества веб-страниц. У него есть аудит производительности, доступности, прогрессивных веб-приложений и многого другого. Вы можете запустить его на вкладке «Аудит». Он имеет аналогичную систему оценок 0 из 100. Вы можете погрузиться в свои запросы, посмотреть, какие скрипты могут блокировать рендеринг, экономить на сжатии изображений и т. Д.Затем вы можете легко поделиться ссылкой с другими.

Аудит веб-производительности Chrome Devtools

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

12. Ударная нагрузка

Load Impact — один из лучших инструментов для тестирования масштабируемости вашего сайта. Они предлагают бесплатный тест производительности веб-сайта (5 отчетов в месяц), анализируя последствия наличия 25 одновременных пользователей на вашем веб-сайте и влияние этого скромного трафика на скорость на сайте.

Ударная нагрузка

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

Диаграммы воздействия нагрузки

Хотите больше? Load Impact удобно отображает статистику верхнего уровня, такую ​​как использование полосы пропускания, сделанные запросы и количество запросов в секунду. Если вам нужны дополнительные данные, рассмотрите возможность перехода на один из премиальных планов Load Impact — это позволяет вам проверить влияние гораздо большего количества одновременных пользователей. Премиум-планы доступны от 89 долларов в месяц.

13. Реликвия сайта

Site Relic — еще один полностью бесплатный инструмент для проверки скорости веб-сайта, который недавно появился. Это позволяет вам легко проверить время загрузки вашего сайта как на мобильном, так и на настольном ПК в 9 различных регионах. Вы также можете просмотреть свой TTFB сразу во всех регионах.

Реликвия сайта

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

Тест скорости Site Relic

14. дотком-монитор

В

dotcom-monitor есть много бесплатных и полезных инструментов. Одним из них является их инструмент для проверки скорости веб-сайта. Он позволяет мгновенно проверить скорость вашего сайта в 25 точках по всему миру. Вы можете выбирать между различными браузерами, такими как Internet Explorer, Firefox, Chrome, iOS, Android, Windows Phone и Blackberry.

тест скорости сайта dotcom-monitor

Их отчет о веб-производительности включает:

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

15.New Relic

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

Новая реликвия

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

Время транзакции New Relic в сети

Одна особенно полезная функция — это раздел плагинов WordPress. Вы можете сразу увидеть, какие плагины и темы имеют наибольшее время отклика.

Время отклика плагина WordPress в New Relic

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

New Relic внешние сервисы

Скорость веб-сайта важна. 🚀 Чем быстрее это будет, тем выше ваши шансы на успех.Нажмите, чтобы твитнуть

Сводка

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

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

Какие инструменты вы используете для измерения скорости веб-сайта? Делитесь ими в комментариях ниже!

---

Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress. Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress. Наша инфраструктура на базе Google Cloud ориентирована на автоматическое масштабирование, производительность и безопасность.Позвольте нам показать вам разницу Kinsta! Ознакомьтесь с нашими тарифами

Тест скорости веб-сайта — проверка производительности веб-сайта

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

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

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

И мы сделали это!

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

Скорость веб-сайта влияет на ваш бизнес

• 8% на меньше просмотров страницы после 3-секундной задержки.
• 16% снижение удовлетворенности клиентов после задержки в 1 секунду.
• 32% — это вероятность отказов после 3-секундной задержки загрузки страницы.
• 40% ваших клиентов покинут сайт, если страница загружается дольше 3 секунд.

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

Исследование Google показывает, что время загрузки страницы с 1 до 5 увеличивает вероятность отказа на 107%. Давайте посмотрим, что влияет на скорость загрузки сайта и почему вы должны работать над его улучшением.Но сначала нужно проверить скорость страницы.

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

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

Получите подробную информацию о скорости загрузки и размере страницы с помощью теста скорости страницы.У нас вы можете экспортировать результаты в файл PDF, поделиться ссылкой на данные или скопировать информацию в буфер обмена. Тест скорости веб-страницы — очень удобный способ получить результаты тестирования и сравнить их с показателями после исправления ошибок на вашем сайте. Мы предлагаем вам веб-хостинг с лучшими гарантиями скорости веб-сайта. Протестируйте скорость загрузки сайта вместе с нами! Воспользуйтесь возможностью экспорта и проанализируйте, насколько быстрее загружается ваш сайт, с помощью нашего средства проверки скорости сайта.

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

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

Советы по поиску и устранению неисправностей

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

Сравните скорость страницы в Chrome, Firefox и IE

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

Проверьте скорость своего сайта из разных городов мира

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

Проверьте скорость своего мобильного сайта

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

Оптимизация сервера

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

Оптимизация клиентов

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

Наконечники	Пояснение
Оптимизация веб-шрифтов	стоит уменьшить объем трафика шрифтов на вашем сайте.Для этого используйте WOFF2 для современных браузеров. Используйте только популярные форматы, латиницу и кириллицу. Предварительная загрузка позволит вам уведомить ваш браузер, когда загружать файл шрифта. Функция отображения шрифтов обеспечивает гибкий способ управления поведением браузера в случае задержки файла;
Оптимизация изображений	загрузка тяжелых изображений приводит к тому, что сайт становится намного медленнее. Можно использовать специальные программы, которые уменьшат размер картинки. Кроме того, такие сервисы приведут к сжатию без потери качества, поэтому ваши пользователи даже не заметят разницы.Воспользуйтесь этими услугами по оптимизации, чтобы страницы вашего сайта загружались как можно быстрее за счет уменьшения размера изображений на страницах вашего сайта;
Сжатие данных	, как мы упоминали ранее, код вашей страницы должен быть максимально простым и оптимизированным. Уберите громоздкие конструкции, замените их более простыми вариантами. Помните, что сжатие данных вашего сайта ускорит работу ресурса и не потеряет потенциальных клиентов. Используйте статическое сжатие, чтобы сервер предоставлял пользователям последнюю сжатую версию вашего сайта

Использование CDN

Применение CDN — это рекламируемая мера для ускорения вашего ресурса.Не упустите возможность улучшить производительность своей платформы прямо сейчас!

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

CDN может предоставить данные ресурса в исходном виде и оптимизировать их. Это дает возможность без особых усилий ускорить загрузку вашего сайта.

Наталия Фиалковская

SEO специалист

Наталия — SEO-эксперт Sitechecker. Она отвечает за блог. Невозможно жить без создания ценного контента о SEO и цифровом маркетинге.

8-страничные инструменты для анализа производительности вашего сайта

Если вы ищете инструменты для ускорения страницы, вы их нашли.

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

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

В этом смысле инструменты Pagespeed — прекрасный способ понять, как сократить время загрузки и превратить его в конкурентное преимущество. Давайте посмотрим, почему это так важно, и ознакомимся с 8 лучшими решениями, доступными на рынке, в следующих темах:

Зачем оценивать и проверять скорость загрузки страниц?

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

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

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

Но какой в ​​этом смысл, если у вашей аудитории есть проблемы с доступом и потреблением того, что вы им предлагаете? Pagespeed и производительность — это основы веб-сайта, который действительно помогает вам в реализации вашей стратегии цифрового маркетинга.

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

Это означает более длительных посещений, более низкий показатель отказов и больше просмотров страниц. — все больше возможностей превратить их в потенциальных клиентов и даже клиентов.

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

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

8-страничные инструменты для повышения производительности

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

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

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

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

1. Ступенчатый анализатор

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

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

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

Просто введите свой URL-адрес ниже и начните улучшать бесплатно:

2. Google PageSpeed ​​Insights

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

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

3. GT Metrix

GT Metrix — еще один инструмент, который может помочь вам улучшить взаимодействие с пользователем. Он анализирует сайт на предмет ошибок и узких мест, измеряет производительность в зависимости от страны и браузера и дает оценку на основе объективной статистики.

4. Тест скорости Pingdom

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

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

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

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

6. KeyCDN Speed ​​Test

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

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

7. Varvy Оптимизация скорости страницы

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

8. YSlow

В отличие от всех других элементов в этом списке, YSlow — это не веб-инструмент, а расширение браузера с открытым исходным кодом, доступное для Chrome, Firefox, Opera, Safari и других.

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

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

Хотите узнать больше о важности скорости для успеха веб-сайта? Тогда ознакомьтесь с нашей эксклюзивной инфографикой о том, как производительность может повлиять на ваши продажи!

Тест скорости загрузки сайта | SEO Site Checkup

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

Проверить все факторы Тест мета-заголовка Мета-описание Тест Предварительный просмотр результатов поиска Google Тест наиболее распространенных ключевых слов Тест использования ключевых слов Ключевые слова Cloud Test Тест по связанным ключевым словам Тестирование доменов конкурентов Тест тегов заголовков Роботы.txt Test Sitemap Test SEO дружественный URL-тест Image Alt Test Встроенный тест CSS Тест устаревших HTML-тегов Тест Google Analytics Тест Favicon Тест обратных ссылок Проверка ошибок JS Тест в социальных сетях Тест размера страницы HTML Сжатие HTML / тест GZIP Тест скорости загрузки сайта Тест объектов страницы Тест кеширования страниц (кеширование на стороне сервера) Флэш-тест Тест использования CDN Тест кеширования изображений Тест кеширования JavaScript Тест кеширования CSS Тест минификации JavaScript Тест минификации CSS Тест вложенных таблиц Тест набора фреймов Doctype Test Проверка переадресации URL Тест канонизации URL HTTPS тест Тест безопасного просмотра Проверка подписи сервера Тест просмотра каталогов Проверка электронных писем с открытым текстом Тест адаптивного медиа-запроса Тест мобильных снимков Структурированные данные Пользовательский тест страницы ошибки 404 Тест тегов Noindex Канонический тест тегов Тест тега Nofollow Тест запретить директиву SPF Records Test

Для решения этой проблемы вам рекомендуется:

• Минимизировать HTTP-запросы
• Использовать сжатие Gzip
• Использовать HTTP-кеширование
• Переместить все правила стилей CSS в единый внешний и минимизированный файл CSS
• Минимизировать все файлы JS и, если возможно, попробуйте объединить их в один внешний файл JS
• Включите внешние файлы CSS перед внешними файлами JS
• Поместите сценарии JS внизу страницы
• Оптимизируйте изображения
• Уменьшите перенаправления
• Уменьшите количество плагины

Скорость страницы — 2021 Лучшие практики веб-сайта

Скорость страницы — это мера того, насколько быстро загружается контент на вашей странице.

Что такое скорость страницы?

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

Вы можете оценить скорость своей страницы с помощью Google PageSpeed ​​Insights. PageSpeed ​​Insights Speed ​​Score включает данные из CrUX (Chrome User Experience Report) и отчеты о двух важных показателях скорости: First Contentful Paint (FCP) и DOMContentLoaded (DCL).

Лучшие практики SEO

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

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

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

Включить сжатие

Используйте Gzip, программное приложение для сжатия файлов, чтобы уменьшить размер ваших файлов CSS, HTML и JavaScript, размер которых превышает 150 байт. .

Не используйте gzip для файлов изображений. Вместо этого сожмите их в такой программе, как Photoshop, где вы можете сохранить контроль над качеством изображения.См. «Оптимизация изображений» ниже.

Минимизируйте CSS, JavaScript и HTML

Оптимизируя код (включая удаление пробелов, запятых и других ненужных символов), вы можете значительно увеличить скорость загрузки страницы. Также удалите комментарии к коду, форматирование и неиспользуемый код. Google рекомендует использовать CSSNano и UglifyJS.

Уменьшить перенаправления

Каждый раз, когда страница перенаправляется на другую страницу, ваш посетитель сталкивается с дополнительным временем ожидания завершения цикла HTTP-запрос-ответ.Например, если ваш шаблон переадресации для мобильных устройств выглядит следующим образом: «example.com -> www.example.com -> m.example.com -> m.example.com/home», каждое из этих двух дополнительных переадресаций делает вашу страницу загружается медленнее.

Удалите JavaScript, блокирующий рендеринг.

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

Google рекомендует избегать и минимизировать использование блокирующего JavaScript.

Используйте кеширование браузера

Браузеры кэшируют большой объем информации (таблицы стилей, изображения, файлы JavaScript и т. Д.), Поэтому, когда посетитель возвращается на ваш сайт, браузеру не нужно перезагружать всю страницу. Используйте такой инструмент, как YSlow, чтобы узнать, не установлен ли у вас срок годности для вашего кеша. Затем установите заголовок «expires» на то, как долго вы хотите, чтобы эта информация была кэширована. Во многих случаях, если дизайн вашего сайта не меняется часто, год является разумным периодом времени.Здесь у Google есть дополнительная информация об использовании кеширования.

Увеличьте время отклика сервера

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

Использование сети распространения контента

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

Оптимизировать изображения

Убедитесь, что ваши изображения не больше, чем они должны быть, что они находятся в правильном формате файла (PNG обычно лучше для графики с менее чем 16 цветов, в то время как JPEG обычно лучше для фотографий) и что они сжаты для Интернета.

Используйте спрайты CSS для создания шаблона для изображений, которые вы часто используете на своем сайте, например кнопок и значков. Спрайты CSS объединяют ваши изображения в одно большое изображение, которое загружается сразу (что означает меньшее количество HTTP-запросов), а затем отображает только те разделы, которые вы хотите показать. Это означает, что вы экономите время загрузки, не заставляя пользователей ждать загрузки нескольких изображений.

---

Продолжайте изучать

7 точных инструментов для проверки скорости веб-сайта (мобильный сайт и сайт для ПК)

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

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

Верно?

Google официально заявил, что вас могут наказать, если время загрузки вашего сайта слишком велико.

Понятно, это серьезно!

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

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

Кроме того, я настоятельно рекомендую использовать плагин для кеширования и использовать преимущества CDN, например MAXCDN или BunnyCDN.Это еще больше сократит время загрузки вашего сайта.

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

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

2 сайта для тестирования производительности мобильного веб-сайта и времени загрузки

1.GTMetrix Мобильный тест

GTMetrix предлагает тестирование загрузки мобильного сайта на устройствах Android.

Чтобы попробовать это, вам необходимо создать бесплатную учетную запись на их сайте и на панели управления выбрать опцию «Chrome, (Android, Galaxy Nexus)», которая будет проверять время загрузки вашего Android.

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

Если в данный момент у вас нет адаптивного или мобильного дизайна, вам следует хотя бы проверить время загрузки вашего веб-сайта на медленной скорости (скорость 3G или 2G). Когда я проверил свой настольный сайт в сети 3G, он загрузился почти 14 секунд.

Проверьте GTMetrix

2. Google PageSpeed ​​Insights: (мобильный)

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

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

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

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

Проверьте Google PageSpeed ​​Insights

5 бесплатных инструментов для проверки скорости веб-сайта

1. Инструмент Google Page Speed ​​Insights
2. WebpageTest.Org
3. Sucuri Load Time Tester
4. GTMetrix
5. Pingdom

Давайте подробно рассмотрим все инструменты, упомянутые выше.

1. Инструмент Google Page Speed ​​Insights (Desktop)

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

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

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

Проверить скорость сайта сейчас

2. WebpageTest.Org

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

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

3. GTMetrix

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

Вот отчет о производительности ShoutMeLoud, и вы можете увидеть множество предложений. Здесь GTMetrix показывает, что ShoutMeLoud загружается за 9,26 секунды, что самоубийственно.

Хорошая идея — повторно запустить тест. Иногда плагины кеширования могут делать забавные вещи (, например, убирают 6 секунд из времени загрузки страницы ).

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

4. Tools.Pingdom

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

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

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

Проверьте Pingdom здесь.

5. Тест скорости веб-сайта

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

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

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

Также читайте:

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

Если вам интересны эти инструменты, не забудьте поделиться этой статьей со своими друзьями в Facebook и Google Plus.

5 инструментов для тестирования производительности и скорости сайта WordPress

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

У

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

Почему ваш сайт на WordPress медленный?

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

Для веб-сайтов WordPress наиболее распространенных причин замедления загрузки страниц:

• раздутые / плохо закодированные плагины
• плохо закодированные темы
• файлов больших изображений
• плохой хостинг (не подходит для вашего сайта)

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

Лучшие инструменты для тестирования производительности WordPress

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

1. Google PageSpeed ​​Insights

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

2. Инструменты Pingdom

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

3. GTmetrix

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

4. WebPagetest

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

5. Подключаемый модуль браузера YSlow

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

Варианты повышения производительности вашего сайта WordPress

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

Специализированный хостинг

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

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

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

Может возникнуть соблазн добавить еще одну функцию на ваш сайт с помощью плагина; в конце концов, только из каталога плагинов WordPress доступно более 30 000 плагинов.

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

Один из способов узнать, какие плагины влияют на производительность вашего сайта, — это использовать инструмент под названием Query Monitor. Вы можете просмотреть каждый плагин на своем сайте, деактивировать и повторно активировать каждый, выполняя тесты загрузки сайта — или вы можете использовать этот плагин.Этот плагин создает полный отчет обо всех запросах к базе данных на вашем сайте, который затем может быть отфильтрован по компонентам, чтобы увидеть, какие плагины используют ваши ресурсы. Плагин также предоставляет информацию об активированных хуках, ошибках PHP, переменных запросов, скриптах и ​​стилях, HTTP-запросах, перенаправлениях, запросах Ajax и многом другом.

Бросьте свою плохо закодированную тему

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

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

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

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

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

Используйте подключаемый модуль кэширования

Поскольку сайты WordPress должны делать регулярные запросы к базе данных, плагин кэширования сокращает эти запросы, создавая вместо них статическую HTML-страницу.Плагины Caching могут помочь вашему сайту обрабатывать большие объемы трафика, а также сжимать и оптимизировать другие области вашего сайта. Два наиболее часто используемых модуля кэширования — это WP Super Cache и W3 Total Cache. Трудно выбрать одно из них, поэтому посмотрите сами и выберите тот, который вам больше нравится.

Продолжение обслуживания объекта

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

Заключение по производительности WordPress

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

Как сделать так, чтобы ваш сайт работал быстро и эффективно? Какие-либо упоминания о плагинах мы пропустили? Я хотел бы услышать о них!

.