Google проверка скорости загрузки сайта: Google обновил инструмент для измерения скорости загрузки сайта PageSpeed Insights

Содержание

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

16.12.2021

Стоит ли гнаться за ачивками Google PageSpeed Insights? Зависит от того, почему вам важна скорость загрузки сайта

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

Ок, мы все поняли — скорость загрузки важна для удержания, конверсии и лояльности. И первое, что сделает человек, который хочет проверить, все ли у него в порядке со скоростью, — это посмотрит на баллы в Google PageSpeed Insights: логично, что нет причин не доверять интернет-гиганту, который определяет, насколько высоко будет находиться веб-сайт в поисковой выдаче. Казалось бы, раз вы в зеленой зоне, то и волноваться не о чем. Можно, конечно, для верности воспользоваться другими известными сервисами, среди которых, к примеру, Gtmetrix или Sitespeed — и результаты либо дополнительно успокоят вас, либо заставят задуматься, почему картина совершенно другая. А как на самом деле на стороне пользователя — страницы загружаются быстро или нет? Заглянем под капот, чтобы понять, что измеряется при оценке скорости загрузки, как устроены эти сервисы и что влияет на результат.

Зачем-таки спрашиваете?

Важный уточняющий вопрос: почему конкретно вам нужна высокая скорость загрузки?

Скорость загрузки веб-страниц важна для конверсии

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

Второй вариант: вы отвечаете не за SEO и трафик, а за выручку, юнит-экономику или развитие продукта. Тогда для вас задержки при загрузке выливаются в недополученную прибыль: после третьей секунды ожидания загрузки каждая дополнительная секунда — это потеря 7% конверсии. А если ваш сайт высоконагруженный, работает на большой территории, а в вашем бизнесе высокий средний чек, то такое положение дел должно вас расстроить. Вам важнее всего знать, что не Гугл, а пользователи считают ваш сайт быстрым и не уходят.

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

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

Так в чем дело?

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

Один из ключевых факторов, влияющих на скорость доставки данных с сервера, — длина сетевого маршрута от источника до устройства конечного пользователя. Чем ближе данные к пользователю с точки зрения топологии сети (географическое положение на это влияет косвенно), тем выше скорость загрузки. Конечно, кроме этого на скорости доставки сказывается качество «последней мили», но это уже совсем другая история, происходящая вне нашего участка ответственности.

То есть, если, скажем, онлайн-магазин хостится на сервере в московском ЦОДе или на одном из узлов AWS в Европе, то запросу из Хабаровска на пути к серверу оригинации придется преодолеть множество «хопов» — промежуточных переходов, через которые должны пройти данные. На каждом из них возникнет некоторая задержка, и то же самое случится на обратном пути. Чем больше этих хопов, тем медленней доставляется контент и тем медленней будет грузиться страница веб-сайта. То есть, централизация инфраструктуры может «удлинить» маршрут доставки трафика для части, если не для всех, пользователей. И даже если передачу этих данных обеспечивает только одна сеть оператора связи, то физическая передача данных на расстояние, например, из Амстердама до Хабаровска, потребует больше времени, чем в случае, если тот же файл был бы загружен из Москвы, или тем более, из Владивостока.<

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

Синтетические тесты скорости загрузки, к которым также относится Google PageSpeed Insights, имеют свои нюансы, и, как всегда бывает с синтетикой, предлагают некую усредненную картину, которая соответствует реальной в той мере, в какой портрет «виртуального» посетителя по версии сервиса отображает реальные характеристики вашей целевой аудитории. Например, в Ping Admin запросы исходят не от реальных пользователей, а от серверов, размещенных в ЦОДах самого сервиса. Pingdom и GTmetrix не учитывают ограничения по скорости подключения и качеству последней мили, а также тестируют опыт с довольно мощных по производительности устройств.

Как устроена сеть синтетических «пробников»:

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

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

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

Посмотрим на вопрос повышения скорости загрузки со стороны администратора веб-ресурса. На скорость доставки контента влияет не только длина маршрута между устройством и сервером — с точки зрения топологии на нее влияет состояние операторских сетей и межоператорских стыков, которые участвуют в передаче данных. С точки зрения оригинации на нее влияет состояние ресурсов и ПО сервера, обрабатывающего запрос пользователя. С точки зрения запроса на нее влияют состояние ПО и производительность устройства конечного пользователя, а также скорость и тип подключения конечного пользователя (то есть, использует он проводное или беспроводное соединение, находится в сети 3G или LTE). Кстати, здесь в полный рост встает боль со скоростью загрузки тяжелых веб-страниц на мобильных устройствах в некоторых регионах РФ.

Мы замеряем скорость загрузки с точки зрения реального пользователя при помощи сервиса, который называется Real User Monitoring (RUM). Тестируя скорость, мы обязательно следуем двум правилам: тестируем под нагрузкой (то есть количество обрабатываемых в ходе тестирования запросов превышает сотни тысяч), чтобы обеспечить репрезентативную выборку, а также учитываем максимально приближенный к реальному опыт использования.

Источник данных для RUM-тестирования — это скорость на стороне «живых» пользователей. На популярной странице веб-ресурса, скорость которого мы хотим проверить, размещается JS-скрипт, который при обращении получает от нас задания на скачивание тестовых объектов, выполняет их и отправляет тайминги загрузки для анализа. Погрешность замера не превышает миллисекунды, так как мы используем Resource Timing API. RUM умеет одновременно замерять скорость доставки данных из нескольких источников — так можно сравнить скорость доставки для пользователей в различных регионах, использующих различные десктопные и мобильные платформы, а также сравнить скорость доставки нескольких CDN-провайдеров или оценить, нужно ли отказываться от собственной инфраструктуры в пользу облачной.

Как устроен Real User Monitoring:

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

  • Длительность выполнения DNS-запроса.
  • Длительность установления TCP-соединения с сервером.
  • Длительность ожидания первого байта ответа.
  • Длительность загрузки тела объекта — это напрямую влияет на скорость загрузки, так как загружается большая часть данных.

Получив все сырые данные, мы можем сформировать отчет о скорости доставки в различных разрезах: например, по субъектам РФ, по сетям интернет-провайдеров, по устройствам пользователей, по различным CDN. В частности, можно увидеть, как быстро резолвится доменное имя, как быстро обрабатывается запрос, как быстро загружается тестовый объект с точки зрения реального пользователя в различных браузерах и на различных устройствах — и на основе этих данных увидеть, есть ли возможность улучшить показатели. Это мы делаем бесплатно для всех, кто решил протестировать нашу платформу для ускорения доставки контента — после перевода трафика на облачную платформу мы в течение двух недель «в бою» анализируем различные показатели, влияющие на скорость загрузки веб-страниц, а также тестируем, могут ли какие-либо из сервисов улучшить показатели (например, сервис автоматического преобразования в webp).

Что делать с этим дальше?

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

  • Сжимайте JS- и CSS-скрипты
  • Например, при помощи алгоритма сжатия данных Brotli — он способен на 20% эффективнее сжимать текстовые файлы по сравнению с deflate.

  • Используйте оптимизацию изображений
  • Сжатие в формат webp позволит в сократить «вес» тяжелых изображений в среднем на 30% без видимых человеческому глазу потерь (а в некоторых случаях и больше), к тому же алгоритмы поискового ранжирования Google любят сайты, где используется этот формат. Однако помните, что часть устаревших браузеров не поддерживает webp. Мы научились производить конвертацию в webp в облаке и отдавать сконвертированный в webp файл тем устройствам, чьи браузеры поддерживают формат, а остальным — несконвертированное изображение. Об этом кейсе писали здесь.

  • Делайте выбор в пользу inline-стилей
  • Это непременно отразится на баллах в Google PageSpeed Insights.

  • Используйте алгоритмы отложенной загрузки
  • Делайте выбор в сторону lazy-loading: если что-то, особенно обширный каталог изображений, можно подгружать в отложенном режиме, лучше это сделать. Отложенную загрузку также стоит применять в отношении стороннего контента — это скрипты чат-ботов, карты Google/Яндекс и прочее.

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

Какие улучшения со стороны инфраструктуры ускорят ваш веб-сайт?

  • Перейдите на HTTP/2
  • Это многопоточный протокол, который позволяет в параллельном режиме загружать множество объектов с одного домена одновременно, в то время как у протокола HTTP 1.1 имеется ограничение на количество подключений (в среднем шесть на один домен). Параллельная загрузка объектов способна ускорить доставку контента и, следовательно, ускорить загрузку веб-страниц.

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

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

В итоге

Нужно ли воспринимать высокий балл в Google PageSpeed Insights как однозначную победу и любыми способами достигать желанной “зеленой зоны”? Зависит от вашей первостепенной задачи как специалиста. Но однозначно делать из этого Священный Грааль не стоит — есть множество условий, влияющих на пользовательский опыт и недоступных для замера исключительно синтетическими метриками: например, производительность устройства, качество сетевого соединения, географическое положение посетителя. Если веб-ресурс крупный и охватывает аудиторию всей страны от Калининграда до Владивостока, замеры PageSpeed с точки зрения скорости загрузки веб-страниц вам ничего конструктивного не дадут. В этом случае тестируйте под нагрузкой для различных условий, в которых могут быть ваши реальные пользователи, и принимайте решения о том, может ли ваша инфраструктура дать достаточную скорость для оптимального пользовательского опыта.

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

О чем статья?

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

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

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

Скорость загрузки сайта – один из факторов ранжирования. Большое время загрузки негативно влияет на позиции в выдаче. И Яндекс, и 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 для загрузки легкой версии страниц.

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

Как скорость загрузки сайта влияет на 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 ещё раз. Проверяйте время от времени показатели скорости загрузки, чтобы не выпасть из требований.

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

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

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

Итак, смотрим и совершенствуем конверсию своего сайта уже сегодня!

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

В перечне будут пять основных инструментов для определения скорости вашей страницы, это: Tools pingdom.com; Gtmetrix.com; Pagespeed insights; Консоль в браузере, Google Search Console.

Инструмент проверки скорости загрузки №1 — Tools.pingdom.com

Для анализа скорости загрузки я взял официальный сайт Plerdy. Для получения приблизительной цифры в поле «Test from» обязательно нужно выбрать ближайший город к Вашему серверу. Если Ваш сервер размещен в Украине, в данном поле выберите «Europe — Germany — Frankfurt».

 

Если выбрать неверную локацию, то цифра Load time будет намного выше.

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

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

Еще один пример это интернет-магазин Розетка.

И дальше смотрим где могут быть ошибки.

Инструмент проверки скорости загрузки №2 — Gtmetrix.com

Gtmetrix.com показывает совсем другое время при проверке скорости работы официального сайта Plerdy. Gtmetrix находится в Канаде и здесь явно совсем другое время. Есть какие-то определенные рекомендации, которые являются абсурдными, так как их выполнить почти невозможно. Передвинуть на одну миллисекунду, которая занимает 1 кб подвинуть влево / вправо это займет больше времени. Лучше заниматься продвижением сайта.

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

Инструмент проверки скорости загрузки №3 — Pagespeed insights

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

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

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

Здесь присутствует количество css i script в requests.

Ниже мы видим общее число файлов. 12 CSS и 40 script, действительно это очень много, но не все так просто. Общая цифра скорости сайта хорошая.

А теперь проверка мобильной версии интернет-магазина «Розетка».

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

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

Инструмент проверки скорости загрузки №4 — Консоль в браузере

Следующий пример это загрузка Plerdy и просмотр сайта через вкладку Network, при очищенном кэше. Чтобы очистить кэш используем ctrl + F5 или ctrl shift Command R на МАС. Загрузили и пошло время загрузки. Мы видим когда какая информация загрузилась, это значение строго зависит от интернета. Эта информация может не совпадать с той, что была в pingdom.

Инструмент проверки скорости загрузки №5 — Google Search Console

Это та самая информация, которую мы видели в php инсайте. Но с каждым днем ​​среднее значение показывает по каждому URL ссылке, это экспериментально, то есть это означает не берите во внимание на 100%, но мы даем вам какую-то информацию, куда надо двигаться. Здесь страниц может быть много и разного веса, количества различных фотографий, объемов. Мобильная версия где-то есть улучшение, а где есть все выделено красным и ничего с этим мы не можем пока сделать. Несмотря на диаграмму ПК здесь все желтым, все хорошо, хотя учитывая сейчас первый First Mobile Index Google, использует такую ​​модель индексации и на основе этого конечно надо мобильную версию усовершенствовать больше и больше есть куда над этим работать.

Идем к конечному наша задача увидеть как все-таки индексирует Google, то есть не обязательно люди это одна группа, мы видели в pingdom tools и другое мы видим как индексирует Google. Чем меньше миллисекунд, тем лучше для вашего сайта, это уже зависит от сервера. Ето зависит от того, как сам сайт сделан и среднее значение должно быть минимальным. Меньше секунды это шикарно, 0,8 секунды это нормально. По опыту могу сказать, что этот трафик неплохо будет расти и иметь SEO трафик том, что Google индексирует.

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

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

Если у Вас возникли вопросы, оставляйте комментарии или пишите мне в социальных сетях:

Я с радостью Вам отвечу и помогу улучшить конверсию Вашего интернет-магазина.

Проверка скорости загрузки сайта. Решения и советы по ускорению сайта

Доброго времени суток, уважаемые пользователи сайта Tech-Geek.ru. В сегодняшней статье рассмотрим сервис PageSpeed Insights — проверка скорости загрузки сайта.

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

PageSpeed Insights

Сервис является продуктом компании Google.com. Основная функция PageSpeed Insinghts — проверка скорости загрузки веб-страниц. Проверка осуществляется сразу двумя методами — обычный (скорость загрузки страницы через ПК), мобильный (скорость загрузки мобильным агентом).

После проверки web-страницы сервис PageSpeed выставляет ей оценку от 0 до 100 баллов. Чем выше бал — тем лучше показатель скорости загрузки (85 и более баллов — достаточно хороший результат). Количество баллов может меняться — так как сервис постоянно обновляется и улучшается (обновление алгоритмов подсчета баллов).

Сервис PageSpeed фактически определяет, как улучшить следующие элементы сайта:

  • общее время загрузки верхней части web-страницы (время от запроса страницы — до загрузки верхней части страницы видимой в браузере).
  • общее время полной загрузки web-страницы (время от запроса страницы — до момента ее полного отображения в браузере).

Приоритет важности рекомендаций сервиса PageSpeed:

Так как на скорость загрузки web-страниц влияет — скорость подключения к сети, а у пользователей она разная, то сервис PageSpeed Insights не учитывает данный аспект и для проверки скорости, использует следующее:

Структура HTML, конфигурация сервера, использование внешних ресурсов (изображений, JavaScript и CSS) и другое.

Проверка скорости сайта на PageSpeed Insights

Первым делом нужно зайти на сам сервис — https://developers.google.com/speed/pagespeed/insights/. Далее в текстовом поле «Введите URL web-страницы» — указываем нужную страницу (можно указать любую страницу сайта или просто название домена), после нажимаем «Анализировать».

На примере я буду анализировать страницу — http://yandex.ru.

После анализа web-страницы, нам будет доступно две вкладки с результатами — «Для мобильных» и «Для компьютеров».

Проверка скорости сайта для мобильных устройств

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

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

Скорость:

  • Первым делом обращаем внимание на рекомендации под красным восклицательным знаком «Исправить обязательно» — нажимаем на «Как исправить», после чего мы получим список файлов и элементов сайта, которые нужно исправить. Также будут предложены методы по оптимизации. Данные рекомендации существенно влияют на скорость сайта.
  • Желтый восклицательный знак «Исправьте по возможности» — также как и в примере выше нужно выполнить рекомендации сервиса. Необходимые изменения не сильно влияют на скорость сайта.
  • Зеленая галочка «Выполнено правил» — Если нажать «Подробности» — можно посмотреть какие именно правила уже выполнены, на вашем сайте.
  • «Скачать оптимизированные изображения, ресурсы JavaScript и CSS для этой страницы» — очень важный пункт, если вы нажмете на данную ссылку — то вы получите архив, с уже выполненными рекомендациями. То есть вы получите архив, в котором будет три папки и один файл. В папках будут лежать оптимизированные изображения, JS и CSS, а файл под названием «MANIFEST» будет содержать полные пути на вашем сайте, где необходимо заменить файлы на оптимизированные. По моему очень удобно.

Удобство для пользователей:

Как видим сервис присвоил странице 99 баллов — очень высокий показатель. Основными влияющими факторами на показатель «Удобство для пользователей» являются:

  • Размер активных элементов на странице
  • Адаптирован ли размер контента для области просмотра — на мобильных устройствах не появляется горизонтальная полоса прокрутки
  • Удобочитаемые размеры шрифтов
  • Использование плагинов

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

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

Проверка скорости сайта для компьютеров

Как видно PageSpeed Insights присвоил странице 71 балл по скорости для компьютеров. Также используем рекомендации и исправляем необходимые элементы сайта.

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

Итого

Используя сервис PageSpeed Insights вы сможете повысить скорость загрузки вашего web-ресурса, что положительно скажется на его оптимизации, а в дальнейшем и на ранжировании в поисковой выдачи. Вам не обязательно пользоваться встроенными инструментами сервиса, для оптимизации изображений, js и css — есть и более совершенные. Получить 100 баллов от сервиса конечно не обязательно — но вот получить хотя бы 80-85 желательно.

На этом все. Надеюсь статья вам понравилась и вы сможете «разогнать» свой сайт.

Загрузка…

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

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

PageSpeed Insights

https://developers.google.com/speed/pagespeed/insights/

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

Инструмент проверки скорости от Google

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

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

Аудит делится на три части:

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

Проверка скорости от PR-CY

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

Cервис проверки скорости PR-CY

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

GT Metrix

https://gtmetrix.com

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

Отчет GTmetrix аккуратно подводит итог производительности вашей страницы на основе ключевых показателей скорости загрузки страницы.

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

WebpageTest

https://www.webpagetest.org

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

Часть отчета WebpageTest

WebPagetest — это инструмент, который изначально был разработан AOL для внутреннего использования и был открыт в 2008 году по лицензии BSD. Платформа находится в стадии активной разработки на GitHub, а также периодически выпускается новая версия и доступна для загрузки, если вы хотите запустить свой собственный экземпляр.

Онлайновая версия на сайте www.webpagetest.org предназначена для сообщества специалистов тестирования скорости загрузки страниц по всему миру.

Sitespeed

http://sitespeed.me/ru/

Сервис проверки скорости SitespeedРезультат проверки скорости по городам
  • Проверяет доступность и производительность вашего сайта из различных уголков мира.
  • Сервис определит скорость загрузки страниц, различного контента, и поможет выявить слабые места сайта и ваши пользователи будут вам благодарны.
  • Sitespeed.me помогает просто, быстро и без дополнительных настроек протестировать работу dns серверов.
  • Использует более 20 локаций из более чем 10 стран мира для глобальной проверки работы вашего сайта.
  • Сервис работает абсолютно бесплатно. Любая хостинг-компания может присоединиться к проекту, подав заявку через эту форму.

Pingdom Website Speed Test

https://tools.pingdom.com

Сервис проверки скорости сайта Pingdom Website Speed Test

Pingdom tools — отличный сервис для проверки скорости загрузки сайта, проверки работоспособности DNS серверов.

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

Loaddy

https://loaddy.com

Главная страница сервиса Loaddy
  • Бесплатное тестирование сайта или сервера на посещаемость до 100 одновременных посетителей после регистрации в нашей системе.
  • Возможность случайного посещения по любым ссылкам вашего сайта, что имитирует действия настоящего посетителя.
  • Хотите проверить сайт ночью? Не проблема! Система выполнит тест и ссылка на отчет появиться в личном кабинете, а также будет выслана на почту.
  • Если ваш реальный посетитель из России, то и имитируемый посетитель тоже будет из России.
  • Можно записать сложный сценарий с посещением разных ссылок вашего сайта для использования в дальнейшем.

Batch Speed

https://batchspeed.com/

Сервис Batch Speed, на скриншоте проверка сайтов по моему запросу из ТОП-10

Сервис, с помощью которого можно проверить скорость сразу нескольких сайтов по списку. Например, возьмите сайты конкурентов или выгрузите ТОП-10 из поисковой выдачи по запросу.

Проверка идет через инструмент Google’s Page Speed. Кстати, не обязательно проверять разные сайты, можно взять список страниц своего сайта. Например, делая аудит можно выборочно проверить скорость разных типов страниц: новость, товар, категория, главная, страница с информацией.

YellowLab

https://yellowlab.tools

https://www.dotcom-tools.com/

Сервис проверки скорости от Dotcom Tools

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

Также на Dotcom Tools можно найти и другие инструменты: можно отдельно потестировать скорость ответа сервера из разных точек, скорость ответа от DNS и многое другое.

Оптимизация Drupal-сайтов, Google PageSpeed Insights

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

У нас есть опыт профилировки медленно работающих Drupal-сайтов, оптимизации серверов и ускорения Drupal-сайтов, масштабирования Drupal-проектов. Сайты, которые мы разрабатываем на Drupal, регулярно получают оценку 100/100 в тестах Google PageSpeed Insights.

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

  • Продиагностировать сервер для поиска «узких мест».
  • Оптимизировать сервер для устранения проблем производительности.
  • Составить рекомендации по улучшению серверного оборудования.
  • Профилировать Drupal для поиска “узких мест” производительности сайта.
  • Исправить большинство замечаний в отчете Google PageSpeed Insights.
  • Составить рекомендации по дальнейшем ускорению Drupal-сайта и выполнить эту работу в рамках поддержки.

В своей работе мы используем такие инструменты, как Nginx, Apache, Varnish, Memcached, Xdebug, Xhprof, New Relic, Kibana, MySQL Tuner, phpmemcachedadmin.

Оптимизация Drupal сайта состоит из 4-х этапов.

Этап 1. Диагностика сайта и сервера

  • Анализ производительности сайта и сервера с помощью нашего Drupal-модуля Performance Monitor.
  • Нагрузочное тестирование сайта с помощью сервиса Яндекс.Танк.
  • Анализ заголовков ответов сервера и составление рекомендаций по их изменению.
  • Мониторинг скорости и доступности страниц сайта в течение 3-х дней.
  • Анализ рекомендаций Google PageSpeed Insights и составление рекомендаций по использованию Drupal-модулей и доработке сайта.
  • Составление отчета и рекомендаций по ускорению сайта и увеличению метрики Google PageSpeed Insights.

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

Этап не выполняется для виртуального хостинга, выполняется только на выделенном или виртуальном сервере:

  • Мониторинг сервера для поиска проблемных мест производительности сайта.
  • Проверка настроек программного обеспечения веб-сервера (Nginx, Apache, PHP-FPM).  Настройка серверного сжатия статического контента и заголовков кеширования статических файлов в браузере.
  • При необходимости установка дополнительного программного обеспечения — APC, Memcached, и настройка одного сайта для работы с Memcached.
  • Оптимизация работы СУБД MySQL и Maria DB при помощи MySQL Tuner и з разработанного нами интеллектуального сервиса оптимизации конфигурации MySQL.
  • Рекомендации по дальнейшей оптимизации сервера и сайта.

Стоимость Этапа 1 и 2: 16000 р.

Этап 3. Настройка Drupal-сайта для ускорения работы

  • Сжатие картинок и оптимизация изображений, CSS и JavaScript.
  • Настройка кеширования Drupal.
  • Профилирование медленных страниц Drupal (xdebug). Анализ медленных и частых запросов к базе данных (MySQL slow log, Devel log). На виртуальном хостинге выполняется только при наличии технической возможности.
  • Отладка Drupal для выяснение причины возникновения проблем производительности.
  • Мониторинг и настройка кеширования страниц с помощью анализа логов ответа в Kibana при необходимости тонкой настройки кеширования memcached и Nginx для увеличения доли отдаваемых из кеша страниц.
  • Составление рекомендаций по дальнейшей доработке сайта для устранения проблем с производительностью.

Стоимость Этапа 3: оплата почасовая по факту выполненных работ.

Выполнение двух этапов работ позволяет значительно ускорить сайт и вывести его в зеленую зону теста Google PageSpeed Insights (85 и более баллов).

Этап 4. Доработка сайта

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

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

 

Как проверить веб-страницу PageSpeed ​​

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

#1 Google PageSpeed Insights

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

Чем выше число, тем выше производительность. Оценка 85 или более считается приемлемой. Все, что ниже 80, требует вмешательства.

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

#2 Пингдом

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

Как и наш первый выбор, Pingdom предлагает оценку от 0 до 100 баллов. Результат разбит на двенадцать элементов, каждый из которых имеет индивидуальный балл. Эта функция может помочь разработчикам определить области улучшения и внести изменения.

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

#3 Скорость сайта Google Analytics

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

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

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

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

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

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

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

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

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

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

Как пройти тест скорости Google с помощью Pagespeed Insights

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

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

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

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

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

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

Интернет-сервисы, предоставляющие тесты скорости, варьируются от страны к стране и даже от города к городу.

Если вы проверяли подключение к Интернету, вы знаете, что скорость загрузки и выгрузки зависит от вашего поставщика услуг и эффективности проверки вашего подключения к Интернету и Wi-Fi.

Однако с помощью Google Speed ​​Test с помощью Pagespeed Insights вы можете получить общее представление о скорости загрузки и производительности сайта для посетителей вашего сайта.

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

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

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

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

Для большинства блоггеров можно игнорировать это предупреждение и продолжать использовать файлы изображений JPEG и PNG.

 

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

Тест скорости Google дает вам приблизительное представление о скорости вашего сайта.

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

Для работы вам нужны лучшие инструменты SEO.

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

В зависимости от того, сколько трафика вы получаете, вы можете или не можете увидеть свою оценку Core Web Vitals.

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

Пройден или не пройден тест, если у вас достаточно трафика для создания отчета.

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

Но инструменты проверки скорости страницы Google не очень помогают в отслеживании и устранении проблем.

 

Поиск способов решения проблем

Гораздо лучший способ проверить скорость сайта — использовать GTMetrix.

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

При мониторинге производительности и измерении скорости необходимо проверять два момента времени.

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

Наиболее точным реальным показателем скорости сайта является время загрузки объектной модели документа (DOM).

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

Для меня это самая важная статистика при измерении истинной скорости веб-страницы.

На изображении ниже видно, что хотя время полной загрузки составляет 1,9 секунды, время загрузки DOM составляет всего 1,3 секунды.

Вот еще один вид ниже. Красная линия, отмеченная стрелкой, — это точка загрузки DOM.

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

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

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

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

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

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

Вы также можете проверить скорость на других сайтах.

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

 

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

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

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

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

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

 

2.Избегайте контента на странице, зависящего от внешних сайтов

Одним из самых серьезных нарушителей замедления веб-страницы и провала теста скорости Google является кнопка «Мне нравится» в Facebook.

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

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

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

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

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

Если у вас есть Google Adsense, попробуйте использовать рекламу в статьях вместо больших рекламных баннеров и установите баланс рекламы примерно на 70-80 процентов.

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

Вот страница на нашем сайте с Google Ads, измеренная GTmetrix.

Минимальное влияние на время загрузки.

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

Кроме того, реклама загружается с опозданием, что означает, что страница не ожидает в Google до ее отображения.

3. Проверьте наличие медленных файлов javascript

Каждому элементу вашего сайта требуется время для загрузки.

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

Вот оценка GTMetrix веб-сайта, который действительно требует срочного внимания. Загрузка страницы за 12,4 секунды сегодня ужасна.

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

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

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

Следующие три пункта объясняют добавление кеша, минимизацию и агрегирование CSS и Javascript, а также отложенную загрузку изображений.

Все три рекомендуемых ниже плагина бесплатны.

 

4. Установите W3 Total Cache

Существует множество очень хороших плагинов кэширования для WordPress, включая WP Super Cache и WP Fastest Cache.

Но я использую W3 Total Cache уже более десяти лет на всех своих сайтах.

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

Вот настройки Total Cache.Но они одинаковы для всех кеширующих плагинов.

Вам нужно только активировать браузер и кэш страниц.

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

 

5. Установите Autoptimize

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

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

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

Он уменьшает размер всех файлов CSS и Javascript, а затем объединяет их в один файл CSS и один файл Javascript.

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

Минификация и агрегация имеют огромное значение для скорости вашего сайта.

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

Еще одним дополнительным преимуществом Autoptimize является фантастическая поддержка.

6. Установите a3 Lazy Load

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

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

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

Я попробовал несколько разных плагинов, прежде чем остановился на a3 Lazy Load. Он выигрывает по производительности и простоте использования.

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

Плагин будет лениво загружать все ваши изображения, видео и iFrames.

 

7. Установите WP Rocket

Если вы хотите заменить три бесплатных варианта выше, WP Rocket может сделать все и даже больше.

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

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

WP Rocket — это экономичное комплексное решение, позволяющее сделать ваш сайт молниеносным за считанные минуты с минимальными усилиями.

8. Изменение размера изображений

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

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

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

Этот сайт имеет ширину 750 пикселей и боковую панель 300 пикселей. Любое изображение шире 750 пикселей замедляет работу сайта.

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

Как видите, это изображение имеет ширину 1218 пикселей. Выбор размера Large сделает изображение подходящим.

Но на самом деле страница загружает полноразмерное изображение 1218px и замедляет скорость сайта.

Никогда не используйте поле Image Details в WordPress для ленивого изменения размера изображений.

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

 

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

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

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

Как видите, он с потерями уменьшает изображения примерно на 80%.

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

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

 

10. Используйте Cloudflare CDN

Вам нужно использовать сеть доставки контента (CDN)?

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

Но если ваш сайт получает в основном локальный трафик, это не сильно поможет.

Just Publishing Advice размещается в Европе, но большая часть трафика приходится на США. Поэтому имеет смысл использовать CDN.

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

Cloudflare популярный, эффективный и бесплатный.Так что это хороший выбор.

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

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

11. Проверять раз в неделю

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

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

Большую часть времени вы будете использовать Pagespeed Insights и GTMetrix.

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

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

Это очень хороший инструмент для тестирования и руководство, если вы думаете, стоит ли вам CDN.

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

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

 

Резюме

Вам нужно выполнить все перечисленное в этом руководстве?

WordPress «из коробки» обычно работает очень хорошо с точки зрения скорости.

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

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

Если вы получили отрицательную оценку в тесте скорости Google, то вам определенно нужно срочно выполнить какую-то работу.

Один из советов — активировать тему WordPress по умолчанию, например Twenty Seventeen, и снова протестировать. Большинство тем теперь адаптивны, но некоторые старые темы могут замедлять работу сайта.

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

1. Установите плагин кэширования.

2. Установите Autoptimize

3.Установите отложенный загрузчик

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

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

Нет причин иметь медленный сайт WordPress и не пройти тест скорости Google.

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

Оптимизируйте свой показатель Google PageSpeed ​​Insights Score

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

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

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

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

Что делает инструмент Google Page Speed ​​Insights?

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

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

.
  • Первая содержательная отрисовка — 3x
  • Первая содержательная отрисовка — 2x
  • Время до интерактивного взаимодействия — 5x
  • Индекс скорости — 4x
  • Первый простаивающий процессор — 2x

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

Красный цвет указывает на плохую оценку в диапазоне от 0 до 49

Оранжевый цвет означает средний балл от 50 до 89

Зеленый цвет указывает на хорошую оценку от 90 до 100

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

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

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

Скорость — это не просто фактор ранжирования. Существует прямая зависимость между более быстрым веб-сайтом и большим количеством конверсий. Связь между скоростью и более высокими коэффициентами конверсии была обнаружена в исследовании Portent, проведенном в 2019 году. Исследование показало, что с каждой дополнительной секундой загрузки (от 0 до 5 секунд) коэффициент конверсии падает в среднем на 4.42%. Исследование также показало, что первые 5 секунд скорости страницы больше всего влияют на конверсию.

Все эти исследования демонстрируют важность скорости — даже незначительное улучшение Google PageSpeed ​​вашего веб-сайта может оказать положительное влияние на ваш бизнес.

Является ли Google PageSpeed ​​Insights точным?

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

Более ранняя версия Google PageSpeed ​​Insights была выпущена в ноябре 2018 года и называлась Google PageSpeed ​​5.0. называется. Он начал использовать базу данных Chrome User Experience Report и аудиты Lighthouse.

Два года спустя, в мае 2020 года, Lighthouse 6.0 был представлен с новыми показателями. Эти показатели теперь можно увидеть в современном отчете PageSpeed ​​Insights. Новый сбор метрик повысил общую производительность инструмента и лучше отражает взаимодействие с пользователем.

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

Google PageSpeed ​​против. WebPageTest против. GTMetrix

Несмотря на то, что Google PageSpeed ​​Insights является точным и надежным инструментом для проверки производительности вашего веб-сайта, это не единственный доступный такой инструмент.Другие инструменты, такие как GTMetrix, WebPageTest и Pingdom, являются альтернативой Page Speed. Давайте рассмотрим некоторые варианты, чтобы понять ключевые различия между этими инструментами для проверки скорости веб-сайта.

Google PageSpeed ​​Insights

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

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

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

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

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

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

WebPageTest позволяет создавать собственные показатели для оценки вашего веб-сайта в соответствии с вашими конкретными потребностями.Чтобы провести собственный тест, вы можете либо указать собственный показатель во время теста, либо добавить файл JavaScript. Этот инструмент предлагает самые широкие возможности настройки из всех трех. Даже на вкладке простого тестирования вы можете ввести URL-адреса веб-сайтов, которые вы хотите протестировать с конфигурацией EST. Инструмент также предлагает возможность выполнить аудит Lighthouse.

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

GTMetrix

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

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

Оптимизация изображений играет важную роль в рейтинге, поэтому видео и изображения должны быть оптимизированы, чтобы повысить рейтинг вашего сайта. Количество HTTP-запросов также влияет на вашу оценку в GTMetrix. Вкладка Waterfall, доступная с помощью инструмента «Проверить», может использоваться для анализа того, сколько времени было потрачено на каждый запрос при загрузке страницы.

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

Сравнение трех тестов

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

1. Выбор устройства и браузера

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

  • Google Pagespeed Insights: результаты отображаются на двух вкладках, по одной для мобильных и настольных компьютеров, однако у вас не так много вариантов настройки, чтобы выбрать, на каком мобильном устройстве вы хотите запустить тест.
  • WebPageTest: можно указать комбинацию браузера и устройства. У них есть множество устройств, доступных на выбор.
  • GTMetrix: GTMetrix позволяет протестировать веб-сайт в выбранной вами комбинации браузера и устройства.Однако пользователю потребуется создать учетную запись для настройки этих параметров.

2. Место проведения испытаний

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

  • Google PageSpeed ​​Insights: вы не можете указать местоположение теста, так как он в основном рассчитывается на основе местоположения собственного сервера вашего сайта.
  • GTMetrix: позволяет указать место проведения теста. У них есть множество вариантов местоположения, которые вы можете выбрать, но вам нужно сначала зарегистрироваться, чтобы использовать эту функцию.
  • WebPageTest: также позволяет выбирать местоположения при проведении теста. С помощью этого инструмента можно найти почти все важные места.

3. Анализ водопада

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

  • Инструменты WebPageTest и GTMetrix показывают каскадную диаграмму для тщательного анализа вашего веб-сайта и того, сколько времени требуется для загрузки каждого ресурса.
  • Google Pagespeed Insights не включает каскадный анализ

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

    Устранение ресурсов, блокирующих рендеринг

    Это одна из наиболее распространенных рекомендаций, представленных в инструменте PageSpeed ​​Insights. Это относится к сценариям JavaScript и CSS, которые препятствуют быстрой загрузке вашей страницы.

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

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

    Сократить JavaScript

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

    Удалить неиспользуемый CSS

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

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

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

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

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

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

    Изображения могут существенно повлиять на производительность веб-сайта, поэтому важно их оптимизировать.Самый простой способ оптимизировать изображения — сжать их. Этот метод уменьшает размер файла и ускоряет его загрузку. Это один из наиболее часто рекомендуемых методов техническими экспертами по SEO и самим Google. Цель здесь состоит в том, чтобы достичь наименьшего возможного размера файла без ущерба для качества изображения. Для достижения желаемых результатов можно использовать несколько плагинов, таких как Smush и Imagift. Некоторые другие методы оптимизации изображения включают:

    • Внедрение ленивой загрузки (откладывание закадровых изображений до тех пор, пока не будет загружено содержимое верхней части экрана)
    • Использование анимированных видеоформатов, таких как GIF. Предоставление изображений точного размера
    • Преобразование в форматы Nextgen, оптимизированные для браузеров (WebP)
    • Некоторые форматы изображений загружаются быстрее, чем другие, но они не являются такими распространенными форматами, как PNG или JPEG.WebP — это новый формат, который становится стандартным форматом для повышения скорости и производительности, и Google ожидает, что вы будете использовать его на своих веб-страницах. Google PageSpeed ​​Insights сообщит, что ваш веб-сайт не соответствует этому новому стандарту.

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

      • Отложенная или отложенная загрузка закадровых изображений

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

      Сокращение времени выполнения JavaScript

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

      Уменьшить задержку TTFB

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

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

      Включение сжатия текста

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

      Вы также можете установить плагин с функцией сжатия GZIP. WP Rocket — хороший выбор, если вы не возражаете против использования платного плагина.

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

      Избегайте множественных цепочек переадресации 301

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

      Обслуживание статических ресурсов с помощью эффективной политики кэширования

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

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

      Google PageSpeed ​​Insights и Perender

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

      Тест скорости загрузки сайта с помощью Google PageSpeed ​​Insights

      PageSpeed ​​Insights — это служба Google, которая позволяет вам тестировать производительность вашего веб-сайта и генерировать предложения по его оптимизации. Его можно использовать на смартфонах, планшетах и ​​компьютерах. Тест скорости загрузки страницы основан на анализе эффективности и отзывчивости рендеринга контента в браузере пользователя. Учитываются следующие данные: используемый JS-скрипт, структура и чистота HTML+CSS, оптимизация мультимедийного контента и т.д.

      В этой статье мы рассмотрим, как протестировать скорость загрузки сайта в Google PageSpeed ​​Insights, а затем разберем основные показатели на примере анализа англоязычной версии сайта Apple. Мы также покажем возможные пути решения проблем со скоростью.


      Тестирование скорости загрузки веб-сайта с помощью PageSpeed ​​Insights
      Веб-сайт Apple был взят в качестве примера по трем причинам:

      1. Это известный бренд.
      2. По словам Google, его оптимизация плохая.
      3. iPhone 12 был выпущен несколько месяцев назад.

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

      Анализ выполняется следующим образом:

      1. Нажмите на ссылку developer.google.com/speed/pagespeed/insights.
      2. Введите адрес страницы в строку ввода.
      3. Нажмите кнопку «Анализ».
      4. Дождитесь завершения тестирования и обновления страницы.

      Оценка скорости загрузки сайта с помощью Google PageSpeed ​​
      Существует две версии анализа: одна для мобильных устройств, другая для компьютеров. Показатели и рекомендации разные. Сайт Apple на мобильной версии набирает 40 баллов, что мало для обычного проекта. В результате люди уходят с сайта гораздо быстрее, так как не хотят ждать. Настольная версия набрала 74 балла.

      Мобильная версия:

      Компьютерная версия:

      Существуют различные критерии оценки скорости – мы рассмотрим их ниже. На данный момент мы должны сосредоточиться на следующих результатах:

      • от 0 до 49 — скорость плохая;
      • от 50 до 89 – требует доработки;
      • с 90 до 100 – это хорошо.

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

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

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


      Моделирование загрузки страницы

      Этот раздел содержит 6 метрик. Их комбинация позволяет определить общее количество баллов, начисляемых за выполнение требований системы.Разберем каждый из них подробнее:

      1. First Contentful Paint (FCP) предназначен для измерения времени, необходимого для рисования первого текста или изображения.
      2. Индекс скорости оценивает время, необходимое для визуального отображения контента.
      3. Largest Contentful Paint (LCP) указывает, сколько времени самый большой элемент отображался на экране.
      4. Time to Interactive (TTI) указывает количество времени, по истечении которого страница становится полностью интерактивной.
      5. Общее время блокировки (TBT) указывает общее количество времени между первой отрисовкой содержимого и временем до интерактивности.
      6. Cumulative Layout Shifts (CLS) помогает количественно определить, как часто пользователи могут сталкиваться со сменой макета, то есть с неожиданным перемещением видимых элементов.

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

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

      Например, нажав на пункт из списка с рекомендацией использовать современные форматы изображений, вы можете найти предложение перейти на форматы изображений JPEG 2000 и WebP вместо привычных и неэффективных форматов PNG и JPEG.

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

      Диагностика
      В этом разделе представлена ​​информация о работе веб-ресурса и ряд рекомендаций.

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

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

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

      .АРТ-команда

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

      Как провести тест скорости страницы Google — Blue Wolf Digital

      Вы также научитесь анализировать показатели, связанные со скоростью страницы, также известные как Core Web Vitals:

      • First Contentful Paint (FCP): этот показатель относится к первый бит времени загрузки. Метрика представляет собой первую обратную связь с пользователем, которая загрузилась надлежащим образом.

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

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

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

      • Параметр 1: Время до загрузки верхней части страницы.

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

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

      Как повысить скорость страницы Google

      Чтобы получить высокий балл в Google PageSpeed ​​Insights, необходимо учитывать несколько моментов:

      1.Ограничение перенаправления страниц

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

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

      2. Сжатие элементов страницы

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

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

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

      3. Отдайте предпочтение содержимому верхней части страницы

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

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

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

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

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

      Есть несколько элементов, которые влияют на время отклика сервера:

      • медленные базы данных запросов

      • медленные приложения логика

      • медленные маршруты

      • Resource CPU REW

      • READ

      • Изображения большого размера

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

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

      5. Регулярно контролируйте производительность

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

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

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

      Готовы получить лучшие результаты для вашего следующего теста скорости страницы Google?

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

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

      Часто задаваемые вопросы

      Влияет ли Google Page Speed ​​Test на рейтинг моего веб-сайта в Google?

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

      Как запустить тест скорости страницы Google?

      Просто зайдите в Google PageSpeed ​​Insights. Введите URL своего веб-сайта в строку поиска и нажмите «Анализ». После завершения теста вы увидите оценку вашего веб-сайта из 100. Вы также можете переключиться на мобильную версию или версию для ПК, чтобы узнать, чем отличаются оценки.

      Что делать, если скорость моей страницы Google низкая?

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

      Хотите, чтобы мы помогли вам улучшить скорость вашей страницы Google?

      Щелкните здесь, чтобы запланировать бесплатную 20-минутную консультацию.

      Обзор инструмента Google «Проверить мой сайт»

      Google сделал все возможное для мобильных устройств, и чтобы убедиться, что вы тоже — они запустили «Test My Site». Их новейший инструмент оценки анализирует скорость и производительность вашего веб-сайта на мобильных устройствах — скорость загрузки мобильных устройств, количество посетителей, которых вы можете потерять из-за низкой производительности, как вы сравниваете себя с конкурентами и как сделать ваш сайт быстрее (… просто перепрофилировать инструмент Google PageSpeed ​​Insights.)

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

      Наш опыт

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

      Все тесты проводятся на 3G-соединении, при этом Google заявляет, что «70% подключений к сотовым сетям во всем мире будут осуществляться на 3G или более медленных скоростях до 2020 года. 1″  Для этого они ссылаются на собственное исследование, которое я с радостью принимаю, но примите это во внимание при оценке своей оценки. Если сайт вашей компании переполнен видео и анимацией, это обязательно пострадает.

      Результаты

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

      Что касается скорости загрузки страницы, размер изображения всегда кажется самым большим нарушителем — это то, что может быть легко улучшено вашей собственной командой дизайнеров. В некоторых случаях оптимизация изображений может вернуть большую часть потерянной скорости. Превратите эти ненужные PNG в JPG с качеством 60%, и вы увидите огромную разницу. Этот фильм, загружаемый вашим героем… действительно ли он приносит пользу сайту или просто добавляет веса?

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

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

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

      Наши последние мысли

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

      Мы рекомендуем использовать несколько инструментов для проверки скорости сайта (наш любимый – Pingdom), чтобы получить полное представление о вашем сайте. В совокупности вы получите лучшее представление о том, как работает ваш сайт.

      И помните, часто самые основные изменения могут иметь самые большие последствия.

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

      Хотите попробовать на своем сайте? Вот ссылка на новый инструмент Google TestMySite.Наслаждаться!

       


       

      Peaktwo — агентство по маркетингу и веб-решениям. Мы занимаемся бизнесом более 10 лет — создаем веб-сайты, приложения и реализуем маркетинговую стратегию для компаний всех размеров и отраслей. Компания была запущена недалеко от Вашингтона, округ Колумбия, в технологическом коридоре Северной Вирджинии. В 2010 году мы переехали в Шарлотт. По мере роста нашего бизнеса росла и наша потребность в людях и творческом пространстве, соответствующих нашей энергии. Это привело нас к нашим нынешним офисам на Main St.в Форт-Милле, Южная Каролина.

       

      Насколько точны тесты скорости Google?

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

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

      * Обновление 2020 г.: Google заявил, что время загрузки страницы веб-сайта является прямым фактором ранжирования.

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

      Проблема в том, что тест скорости Google основан на наличии только одного файла CSS. В WordPress у вас, скорее всего, будет несколько файлов CSS, в отличие от базового сайта HTML или PHP. Дополнительный файл CSS не должен замедлять работу вашего сайта. Фактически, веб-сайт будет дополнен дополнительными функциями, связанными с этим дополнительным файлом CSS.

      GTmetrix против Pingdom…

      Если вам нужен лучший способ оценить скорость сайта, я рекомендую GTmetrix или Pingdom. Приведу пример расхождений в скорости между Google и GTmetrix и Pingdom…

      * Обновление 2020: важно отметить, что даже GTmetrix и Pingdom сильно различаются по своим показателям скорости, о чем мы поговорим более подробно ниже.

      В этом сравнительном тесте мы будем использовать один из веб-сайтов нашего клиента. Во-первых, давайте начнем с GTmetrix и Pingdom. Как вы можете видеть ниже, оба независимых теста показали время загрузки около 3 секунд или меньше. Оба также получили оценки «А»…

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

      Нажмите, чтобы увеличить изображение

      *Обновление 2020 г.: причиной расхождений между GTmetrix и Pingdom является разница между «время загрузки» и «время полной загрузки». Вот что означает каждый из них, согласно определению WP-Rocket, компании, занимающейся повышением скорости веб-сайтов WordPress:

      .

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

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

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

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

      Оценка инструментов тестирования скорости Google…

      А вот и результаты теста Google PageSpeed ​​Insights…

      Нажмите, чтобы увеличить изображение

      Это большая разница. А как насчет другого теста скорости Google, теста скорости мобильных устройств Think With Google? Давайте проверим производительность…

      Нажмите, чтобы увеличить изображение

      Опять же, сайт плохо оценивается. Однако в данном конкретном тесте причина плохой оценки другая. В этом тесте Google загружает ваш сайт, используя скорости 3G, которые, по их утверждению, «к 2020 году будут использовать 70% глобальных подключений.Не знаю, как вы, а я годами не пользовался 3G! Большинство людей в США подключаются через Wi-Fi или LTE. В разработке даже 5G, и кто знает, что будет доступно в 2020 году?!

      * Обновление 2020: 5G уже здесь (на самом деле он был представлен в 2019 году)! Интересно, что в новом тесте скорости Google для мобильных устройств вы можете переключаться между соединением 3G и 4G.

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

      *обновление за 2020 г.: Наша позиция такова: если вы хорошо пройдёте тест скорости Pingdom И минимизируете использование JavaScript, особенно JavaScript, который инициирует дополнительные процессы, то вы можете эффективно полагаться на эту оценку Pingdom.

      Элементарные советы по увеличению скорости сайта…

      Самый простой способ оставаться на вершине скорости вашего сайта — сжать все изображения .Вы можете использовать TinyPNG или плагин WordPress, например WPSmush. Вот несколько дополнительных советов, для некоторых из которых вам может понадобиться помощь разработчика:

      • Сократить CSS, JavaScript, HTML
      • Использование кэширования браузера
      • Удалить строки запроса из статических ресурсов

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

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

      *Обновление 2020 г.: Наша позиция здесь не сильно изменилась.Этот маркированный список выше — хорошее начало для повышения скорости сайта. Я хотел бы отметить один ключевой элемент в этом списке: не используйте символы домашней страницы . Кроме того, я бы постарался ограничить количество плагинов или дополнительных скриптов, которые необходимо загрузить на ваш веб-сайт, что может потребовать от вашего разработчика или веб-мастера проекта «генеральной уборки». Мы по-прежнему рекомендуем WP Engine как хостинг-провайдера премиум-класса и по-прежнему уважаем Google как поисковую систему и рекламную платформу. Это просто их инструмент для тестирования скорости, с которым у нас есть проблемы.

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

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

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

      У вас есть вопросы о скорости загрузки сайта или вы хотите улучшить время загрузки?

      Поговорите с TRBO сегодня, написав нам здесь или позвонив по телефону 877-673-7096 x2 .

Leave a Reply