Измерение скорости сайта google: Sorry, this page can’t be found.

Содержание

обзор средств оценки скорости сайтов

к.э.н. Лавлинский Николай, технический директор ООО «Метод Лаб»

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

Быстро и просто: Google PageSpeed Insights

Этот сервис (https://developers.google.com/speed/pagespeed/insights/) позволяет достаточно качественно оценить степень оптимизации сайта по базовому набору правил. При этом получаем 2 оценки скорости: для десктопа и для мобильных устройств. Оценки выдаются в баллах, максимум – 100.

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

Однако, есть несколько слабых мест:

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

Всегда под рукой: Chrome Developer Tools (инструменты разработчика)

Если у вас есть браузер на Blink (Chromium, Google Chrome, Яндекс.Браузер, Opera), то вам повезло. Дело в том, что команда Google активно разрабатывает средства для разработчиков с точки зрения скорости сайтов.

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

Наиболее интересная закладка: Network (Сеть). Здесь можно отключить кеш браузера (для эмуляции первого посещения), установить ограничение скорости сети (Throttling).

Методика тестирования может быть такой: отключаем кеш, включаем ограничение скорости сети до желаемого уровня, включаем запись скриншотов и перезагружаем страницу. Сразу получаем объективные времена отрисовки страницы. Если отфильтровать типы запросов в панели, то получим ресурсы, которые блокируют рендеринг (следует выбрать CSS, JS, Doc, Font).

Закладка Timeline предназначена для подробного разбора процесса работы страницы и предназначена для профессионалов.

Также в средствах разработчика есть режим Device View, в котором можно смотреть сайт с эмуляцией мобильного устройства.

Чтобы получить проверки по правилам PageSpeed можно установить плагин к браузеру (PageSpeed) и прямо в этой панели проводить анализ.

Практические те же возможности получают пользователи плагина FireBug в Mozilla Firefox.

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

WebPageTest.org – все в одном

Сервис WebPagetest.org создан энтузиастами скорости сайтов как универсальный инструмент оценки скорости сайтов. Принципиальное отличие: распределенная архитектура. Доступно множество тестовых агентов, распределенных по миру. За счет этого, можно получить картину скорости загрузки сайта из любого региона (включая Москву).

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

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

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

При проведении нескольких тестов, можно сделать сравнительное видео (справа и слева будут два сайта).

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

Google Analytics – оценка реальной скорости

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

Удобная оценка скорости: Ускорениесайта.рф

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

Итоги

Мы рассмотрели основные инструменты оценки скорости сайтов, все они бесплатны и доступны всем.

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

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

За профессиональным ускорением сайтов обращайтесь к нам.

Анализ сайта с помощью Google PageSpeed

Google Pagespeed — это инструмент от гугла для тестирования скорости загрузки страницы. Проведем анализ какого-нибудь сайта, и на примере покажем что озгначают те или иные показатели и рекомендации. Возьмем для примера сайт wpcafe.org:

Собственно оценка так себе. Для мобильных Google PageSpeed показал оценку 58. Для стационарных ПК — 78. Посмотрим почему так.

«Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение»


Удалите код JavaScript, препятствующий отображению:

ttps://wpcafe.org/…-content/themes/wordpresso3/js/jquery.js
https://wpcafe.org/…ontent/themes/wordpresso3/js/adaptive.js
https://wpcafe.org/…-includes/js/jquery/jquery.js?ver=1.12.4
https://wpcafe.org/…s/jquery/jquery-migrate.min.js?ver=1.4.1
https://wpcafe.org/…/decomments/assets/js/decom.min.js?ver=1
https://wpcafe.org/…ss/fancybox/jquery.fancybox.js?ver=1.3.4
https://wpcafe.org/…esponsive-faq/js/hrf-script.js?ver=4.5.3
https://wpcafe.org/…-includes/js/underscore.min.js?ver=1.8.3
https://wpcafe.org/…wp-includes/js/backbone.min.js?ver=1.2.3
https://wpcafe.org/…/assets/js/pvc.backbone.min.js?ver=1.4.0

Оптимизируйте работу CSS на следующих ресурсах:

https://wpcafe.org/wp-content/themes/wordpresso3/style.css
https://wpcafe.org/…tent/themes/wordpresso3/css/adaptive.css
https://wpcafe.org/…es/decomments/assets/css/decom.css?ver=1
https://fonts.googleapis.com/…00,700,600,300&subset=latin,cyrillic-ext
https://wpcafe.org/…s/category-posts/cat-posts.css?ver=4.6.1
https://wpcafe.org/…ordpress/fancybox/fancybox.css?ver=4.5.3
https://wpcafe.org/…count/assets/css/style.min.css?ver=1.4.0
https://wpcafe.org/…ss/essb-native-skinned.min.css?ver=4.5.3
https://wpcafe.org/…ssets/css/font-awesome.min.css?ver=4.5.3
https://wpcafe.org/…y-social-share-buttons.min.css?ver=4.5.3
https://fonts.googleapis.com/…y=Roboto:500&subset=latin,cyrillic,greek
https://wpcafe.org/…essb-followers-counter.min.css?ver=4.5.3
https://wpcafe.org/…to-tweet/assets/css/styles.css?ver=4.5.3
https://wpcafe.org/…s/assets/css/button-styles.css?ver=1.1.2
https://wpcafe.org/wp-includes/css/dashicons.min.css
https://wpcafe.org/…ssets/css/font-awesome.min.css?ver=1.1.2

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

Для первого существует куча различных плагинов и утилит (например, я пользуюсь nodejs + gulp для объединения и минификации скриптов и стилей). Если вы пользуетесь PHPStorm WebStorm идешками — для них также существуют спец плагины, и так далее. Все утилиты перечислять — не хватит места на сервере.

Со второй рекомендацией чуть сложнее. Сначала разберемся как браузер отображает страницу. А отображает он ее постепенно. То есть он не ждет пока загрузится вся страница, а отображает ту часть, которую успел подгрузить. И при этом — если попадается JS или CSS код/файл — то он сначала выполняет его, затем подгружает оставшуюся часть страницы. Поэтому если вы в верхней части страницы (в хедере) подключите 10 JS скриптов — то браузер сначала попытается их подклчить и выполнить, а уже затем продолжит загрузку страницы. Именно это очень не любит гугл. Какие есть варианты решения?

Асинхронная загрузка скриптов.

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

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


<script defer src="1.js"></script>
<script async src="2.js"></script>

Асинхронная загрузка стилей.

Кое-кто загружает стили тоже асинхронно. Атрибутов (как у скриптов) нет, поэтому приходится «извращаться». Например, подгружать стили с помощью jQuery. Но тут кроется нюанс. Если стили грузить после загрузки html страницы — то страница соответственно отобразится вначале «голая», а только после загрузки стилей проявятся все стили и красивости. Очень неприятный эффект. Поэтому гугл рекомендует создавать «критический CSS». Что это такое — это стили необходимые для отображения верхней части страницы(например, шапка сайта, первый блок вверху и так далее). Эти стили лучше всего вообще встроить в HTML код:


<!DOCTYPE html>
<html lang="ru"
 <head> <meta charset="UTF-8">
<title>PageSpeed</title>
<!-- Critical Styles ================================================ -->
<style>header{width: 100%; height: 100px; background: red;}</style> 
</head>
<body>
<header>Шапка сайта</header>
</body>
</html>

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

Тут все просто — нужно настроить сервер, чтобы он отдавал заголовки, позволяющие браузеру пользователя кэшировать некоторые ресурсы. (картинки js css и прочее). не будем вдаваться в подробности — как нибудь можно написать отдельную статью.

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

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

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

Сжатие также настраивается на сервере, с помощью модулей gzip deflate. Но не стоит сильно усердствовать. Достаточно поставить уровень сжатия 4-6. Иначе может повыситься нагрузка на серверный процессор.

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

Ну с этим все ясно — чем меньше — тем быстрее.

Сократите время ответа сервера

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

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

Обновление Google PageSpeed | Блог SEO-Studio

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

 

Google PageSpeed — плюсы и минусы

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

 

Lighthouse

На днях компанией Google был изменен алгоритм аудита сайтов. Lighthouse встроен в браузер Chrome. Можно проанализировать сайт, просто введя url в строке состояния.

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

 

Основные метрики

 
  1. Time to Interactive (время загрузки для взаимодействия) — первостепенный показатель, влияющий на оценку. Это время, за которую страница полностью загружена и готова для действий пользователя.

  2. Speed Index (индекс скорости загрузки) — показатель скорости полной загрузки страницы. Чем меньше показатель, тем лучше.

  3. First Contentful Paint (FCP) — точка начала загрузки.  Показывает , когда браузер отображает первый бит контента из DOM. Это сигнал для пользователей, что страница действительно загружается.

  4. First CPU Idle (время окончания работы ЦП) — показатель времени, когда Компьютер пользователя «переварил» страницу и освободил процессор для других задач.

  5. First Meaningful Paint (время загрузки достаточной части контента)  — промежуток времени, который дает понять пользователю, что основной контент страницы уже загружен.

  6. Estimated Input Latency (Приблизительное время задержки при вводе) — особое внимание, если этот показатель менее 50мс, пользователю кажется, что ваш сайт “висит”.

Выводы

Гугл видит, что все больше сайтов сравнились между собой и по качеству, и по чистоте внутренней оптимизации. Для таких «одинаково хороших» сайтов теперь на важное место в ранжировании кто будет выше в топе — выходят факторы скорости.  Не просто скорости сайта, а и отдельных его фрагментов: скорость возможности взаимодействия пользователя и, даже экономия ресурсов его компьютера — процессорного времени и оперативной памяти. Теперь в конкурентной борьбе счет пошел на миллисекунды и секундомер держит Google в «руках» Google Chrome.

Источник: Google Lighthouse, https://web.dev/


 

ТОП-10 Сервисов Проверки Скорости Загрузки Сайта – Plerdy

Содержание

Почему важно, чтобы сайт загружался быстро?

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

  1. PageSpeed Insights
  2. GTmetrix
  3. Pingdom Tools
  4. Uptrends
  5. WebPageTest
  6. Dotcom-tools
  7. WebSitePulse
  8. Sucuri Load Time Tester
  9. Site 24×7
  10. Monitis

На что важно обращать внимание при выборе тестировщика?

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

Почему важно, чтобы сайт загружался быстро?

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

  • Удобство. Оптимальная скорость загрузки сайта – 2 секунды. Если сайт грузится дольше указанного промежутка времени – планомерно растет количество отказов от его посещения.
  • Ранжирование. Google советует сокращать скорость загрузки в рамках продвижения с помощью SEO. Боты, которые посещают страницы, не могут их при этом полноценно индексировать. Загрузка сайта длительностью более 3 секунд уже является причиной для понижения ранга в поисковике.
  • Трафик и конверсия. Пользователи Интернета не любят ждать. Низкая скорость загрузки приводит к отказам от  просмотра сайта. Снижается трафик, а с ним и конверсия, показатель которой зависит от общего количества посещений.

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

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

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

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

Сервис, благодаря которому устанавливается не только скорость загрузки, но и указываются ошибки оптимизации со способами устранения последних. Сайт используют сотни миллионов пользователей. Среди них – именитые корпоративные клиенты вроде NBC, HP, WIX, Bayer, ASOS, PayPal, Spotify, Microsoft, BMW.

Тестирование с Pingdom осуществляется по общей схеме: введи URL, узнай скорость и слабые места ресурса. Отличное решение для безотказной работы и мониторинга производительности вашего сайта. Разработчики проекта используют более 70 глобальных пунктов опроса для тестирования и проверки ресурсов круглосуточно и без выходных. Pingdom позволяет отслеживать время работы, производительность и взаимодействие нескольких веб-сайтов для создания оптимального пользовательского опыта.

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

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

Бесплатный тест скорости сайта из разных мест по всему миру с использованием реальных браузеров (IE и Chrome) на реальных скоростях подключения. WebPageTest позволяет запускать простые проверки или выполнять расширенное тестирование. Многошаговые транзакции, захват видео, блокирование контента и многое другое – это WebPageTest. Результаты, которые обеспечены при использовании, – получение богатой диагностической информаци. К примеру, графические диаграммы загрузки ресурсов, проверки скорости страницы и предложения по улучшению. Получить ответы на вопросы по эффективности / оптимизации можно на соответствующих форумах. Отраслевые эксперты на них регулярно обсуждают оптимизацию производительности сети.

Инструмент для удаленной тестировки сайтов из 25 мировых локаций. Бесплатный период использования составляет 30 дней. Ресурс компании-создателя из Миннеаполиса позволяет мониторить сайты, сервера, приложения на вопрос скорости, доступности и функциональности. Если брать во внимание исключительно speed test, то он отличается проверкой загрузки всех элементов страницы на основе браузера в реальном времени. Возможно определение медленных / отсутствующих элементов. Проверка – через Chrome, Firefox, IE и мобильные веб-браузеры. Можно выбрать браузер тестирования и условия получения графического отчета.

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

Хотите проверить “пульс” сайта? Вам сюда. Изучение веб-страницы включает проверку наличия URL-адресов, загрузку полного контент HTML, изображений и объектов внутренней веб-страницы. Измерение скорости загрузки производится для каждого из компонентов отдельно. Результаты тестирования отображают время DNS, время соединения, время первого и последнего байтов для каждого из объектов веб-страницы. Обычным способом использования тестера является проверка доступности и времени отклика содержимого HTML-страницы, изображений и всех других объектов. Этот тест ограничен в исследовании начальными 30 страницами.

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

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

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

На самом деле хороших сервисов для тестирования и аналитики больше трех десятков. Но сегодня не все они рабочие, многие предоставляют недостоверные сведенья для клиентов. Наиболее достоверным и простым в пользовании можно считать PageSpeed Insights. Если нужен более глубокий анализ проблем –  стоит выбрать ресурсы на подобии Sucuri Load Time Tester, Site 24×7.

БОНУС

Инструмент для массовой проверки сайтов по 400+ параметрам, включая on-page SEO-параметры. Бесплатный период составляет 7 дней с момента регистрации. Внутри инструмента есть интеграция с Google PageSpeed Insights, что позволяет массово проверять сайты или отдельные страницы, сервера на скорость загрузки — очень удобно, если у вас несколько проектов, которые нужно пробить одновременно.

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

На что важно обращать внимание при выборе тестировщика?

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

  • Время загрузки сайта;
  • Размер страницы;
  • Количество запросов, сделанных для загрузки;
  • Оценка YSlow;
  • Общий показатель скорости сайта;
  • Данные производительности.

Хорошо, если инструмент позволяет получить развернутую статистику в виде графика, таблицы или диаграммы. К таким можно отнести Pingdom Tools, Uptrends,  WebPageTest, dotcom-tools, WebSitePulse, Sucuri Load Time Tester, Site 24×7.

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

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

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

0. Самостоятельная проверка в браузере

Когда я писал эту статью, я не знал, что проверить скорость сайта можно прямо в браузере, это отличный способ. Проверял в Google Chrome. Нажмите F12 — Network — F5, внизу будут показаны количество запросов, вес всех данных, время загрузки с учетом дозагрузок, время загрузки и время загрузки DOM, нас интересуют два последних показателя — load — время полной загрузки без учета всяких ajax дозагрузок и DomContentLoded — время загрузки DOM (скелета сайта).

1. pr-cy.ru/speed_test

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

Домен Размер Время Скорость
ihakimov.ru 36.4 Кб 0.81 сек 44.96 Кб/сек
ihakimov.ru/sdl 33.2 Кб 0.73 сек 45.54 Кб/сек
ihakimov.ru/site 34.8 Кб 0.74 сек 47.08 Кб/сек

2. sitespeed.ru

Более продвинутый инструмент для замера скорости загрузки сайта, а также поиска проблем при загрузке — сервис покажет какое время отвечает сервер, сколько времени тратится на каждую картинку и каждый скрипт. Тест длится дольше и для подробного отчета после анализа нужно ввести Email, на него придет PDF-файл с отчетом, это создает определенную трудность, но ради продвинутого анализа можно поработать. Без указания Email можно узнать время загрузки, время генерации и размер файлов, получить оценку настройки и наполнения сайта, получить короткие советы. Если запросить отчет на Email, то приходит подробный отчет о том, в каком порядке грузятся файлы и сколько времени на них тратится. Для проверки следующей страницы нужно перейти на главную страницу. Сервис показал, что на моем сервере не включено кэширование и слишком много JS и CSS файлов, это проблема WordPress, будем с ней бороться.

*Проверка производится через браузер IE 8, нужно это учитывать, если ваш сайт отдает дополнительные файлы для Internet Explorer.

Домен Размер Время Время генерации
ihakimov.ru 295 Кб 3,54 сек 565 м/с
ihakimov.ru/sdl 294 Кб 3,44 сек 476 м/с
ihakimov.ru/site 217 Кб 3,06 сек 444 м/с

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

3. developers.google.com/speed/pagespeed/insights

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

4. fpt.pingdom.com

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

Домен Оценка Запросов Время Размер
ihakimov.ru 78 35 2,99 с 224 кб
ihakimov.ru/sdl 70 66 3,41 с 255 кб
ihakimov.ru 65 40 2,40 с 144 кб

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

1. Включение кэширования (например, плагином для WordPress WPSuperCashe).
2. Отключение ненужных скриптов, нужные передвинуть ниже в коде, чтобы они не тормозили загрузку основного содержимого. Но некоторые скрипты должны грузится выше на странице, если наблюдаются проблемы, то нужно просто вернуть их на место.
3. Объединить CSS-файлы в один. В WordPress из-за плагинов и некоторых тем грузится несколько CSS, это не правильно, сайт будет работать, если все они будут в одном файле.
4. Отключить ненужные плагины.

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

3 Шага или Как Измерить Скорость Загрузки Сайта Март 2022

Запомните! Чем больше медленных сайтов ранжирует Google, тем меньше людей будет пользоваться Google!

Конкуренция между системами поиска огромная: Google, Bing, Яндекс, Baidu и куча более мелких. Если вы хотите чтобы ваш сайт индексировался сделайте его быстрым.

Скорость загрузки сайта – один из факторов ранжирования. Большое время загрузки негативно влияет на позиции в выдаче поисковых систем. Ещё в 2016 году Пэтом Минаном (Pat Meenan) из Google и Тамми Эвертс (Tammy Everts) из SOASTA провели исследование, в котором показаны 6 самых влиятельных факторов для конверсии сайта. Самым важным фактором для отказов стало время готовности DOM и вторым по важности полное время загрузки страницы.

Оптимальное время, за которое должна открыться страница, составляет менее 2,2 секунд. Существуют исследования, которые показывают, что около половины (40%) посетителей откажутся от сайта, если он загружается более 3 секунд. Было замечено, что при превышении времени загрузки контента 2-х секунд показатель отказов увеличивается на 30%.

В статье рассказывается как БЕСПЛАТНО измерить скорость загрузки вашего сайта и почему для проверки нужно использовать связки сервисов. Так для проверки десктопной версии вашего сайта рекомендую использовать PageSpeed Insights и GTmetrix, для мобильной PageSpeed Insights и WebPageTest.

Шаг 1 — Как узнать вес собственного сайта

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

  1. Откройте нужную страницe в браузере Google Chrome (я открыл главную страницу своего сайта wow2.top).
  2. Запустите инструмент разработчика нажав клавишу F12
  3. Перейдите на вкладку Network
  4. Поставьте галочку для отключения кэш браузера (disable cache)
  5. Обновите страницу, в Хроме нажмите CTRL+R или кнопку слева от поля содержащего URL вашей страницы
  6. Посмотрите значение в нижнем левом углу.

Для моего сайта, как видно на скриншоте, вес страницы составил 1,8 MB transferred.

Шаг 2 — Как Пользоваться Google PageSpeed Insights (PSI)

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

Личное мнение автора статьи: сервис Google PageSpeed Insights к сожалению стал для многих основным мерилом качества сайта. В реальности сервис глючит и даже в документации описано почему он глючит и подается это как фича, то есть как некая прогрессивная особенность. Относитесь к рекомендациям этого сервиса скептически и не стесняйтесь консультироваться у специалистов. Скорость первичной загрузки сайта в 6 секунд — это нормально, если вы будите настойчиво уменьшать до 2 секунд, возможно вам будет проще удалить свой сайт и пойти работать на завод 😉🤣? Желательно использовать и анализировать данные PSI вместе с другими сервисами, например GTmetrix.

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

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

Куда же мы без терминов? Web Vitals — целая группа признаков, по которым Google оценивает удобство сайтов для пользователя. Рассмотрим определения трех основных терминов Web Vitals:

  1. LCP (Largest Contentful Paint — Отрисовка основного контента) — время, за которое на видимой части страницы отрисовывается самый большой по площади элемент. Например, самый крупный блок текста, видео или большая картинка. Нужно учитывать, что самый большой элемент может быть разным при просмотре с разных устройств: например, с большого экрана компьютера и маленького экрана смартфона. К тому же пользователь может перейти на ваш сайт по якорной ссылке и попасть не в начало страницы, а сразу дальше. Каждый из этих сценариев — это разная скорость загрузки. Идеальный показатель LCP — до 2,5 секунды.
  2. FID (First Input Delay — Задержка первого ввода) — это время с момента первой попытки пользователя взаимодействовать с сайтом до момента, когда интерфейс сайта фактически способен обработать это взаимодействие. Идеальный показатель FID — до 100 миллисекунд.
  3. CLS (Cumulative Layout Shift — Совокупное смещение макета) — определяет визуальную стабильность страницы. Например, вы читаете статью, а текст внезапно смещается вниз, потому что выше наконец прогрузился какой-то баннер и подвинул весь контент. Если бы баннер загрузился быстрее или его размер был запрограммирован заранее, такого бы не случилось. CLS измеряется не временем, а как коэффициент таких смещений. Идеальный показатель CLS — до 0,1.
  4. Термин TTFB (time for first byte) часто путают c временем отклика сервера. Но время отклика сервера — этот показатель оценки скорость реакции на HTTP-запрос при отсутствии сетевой задержки. А на TTFB влияет почти всё: сетевые проблемы и задержки, объем входящего трафика, настройки веб-сервера, объём и то насколько оптимизирован контент вашего сайта (качество графики, размер css/js/html).

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

Результат проверки Pagespeed Insights десктопной и мобильной версии сайта

Оптимизация с помощью Google PageSpeed Insights (PSI)

Внизу в разделе «Оптимизация» PSI выводит список проблем вашего сайта. Ниже я предлагаю способы решения этих проблем. Пойдем по порядку

  • Используйте современные форматы изображений. Форматы WebP и AVIF обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика.
    РЕШЕНИЕ: читайте в разделе Использование медиа-контента на сайте.
  • Сократите время до получения первого байта от сервера. За этим предупреждением от Google скрывается метрика TTFB (time for first byte), которая показывает время до получения первого байта (сетевого пакета) веб-страницы после отправки запроса со стороны клиента. Измерение метрики TTFB включает запрос DNS, время подключения к серверу и время ожидания обработанного запроса (обработка, перепаковка, отправка страницы).
    РЕШЕНИЕ: вы не можете самостоятельно улучшить качество сети, а высокий трафик на веб-сайт может быть чем-то плохим только в случае DDoS-атак. Единственное, на что реально повлиять это бэкенд, то есть тонкая настройка (тюнинг) веб-сервера вашего хостинга. Зачастую у вас будет установлен Nginx, Apache или LSWS (LiteSpeed Web Server), настройка каждого из них отличается. Если вы не обладаете опытом, то по большому счету можете попытаться настроить кэширование вашего сайта при помощи плагинов, например самый простой в настройке плагин WP Super Cache. Все остальные настройки, которых полно в интернет, я не рекомендую использовать ибо это может привести к обратному эффекту.
  • Включите сжатие текста. Чтобы уменьшить расход сетевого трафика, рекомендуем сжимать текстовые ресурсы (gzip, deflate или brotli (Nginx)).
    РЕШЕНИЕ: Сжатие текста включается в настройках веб-сервера. Проверить настроено сжатия GZIP можно на сайте https://www.whatsmyip.org/http-compression-test
  • Устраните ресурсы, блокирующие отображение. Некоторые ресурсы блокируют первую отрисовку страницы. Google рекомендует встроить критическую часть данных JS/CSS в код HTML и отложить загрузку остальных ресурсов.
    РЕШЕНИЕ: Для WordPress смотрите в сторону плагина Autoptimize. Учтите Autoptimize — это немного не про кэширование. Autoptimize позволяет сжимать и объединять HTML/CSS/JS файлы, удалять комментарии, реализовать Lazy Loading и отложенную загрузку некоторых объектов. Autoptimize, безусловно, позволяет увеличить общую скорость загрузки сайта, но вот на время отклика сервера он не повлияет. Autoptimize крайне неплохо может работать в паре с плагином кеширования, который не умеют оптимизировать HTML/CSS/JS, например WP Super Cache или бесплатная версия WP Fastest Cache. Применение этого плагина немножко раскрыто статье Ускоряем работу WooCommerce.

Шаг 3 — Как Пользоваться GTmetrix

Сервис GTmetrix анализирует скорость и производительность сайта. Рекомендую всегда использовать связку PageSpeed Insights, GTmetrix и WebPageTest, а не каждый сервис по отдельности.

Обязательно создайте аккаунт GTmetrix, так как это позволит выбрать локацию для тестирования и устройство (и активировать многие другие параметры). Физическое расстояние между сервером и посетителем важно для скорости, поэтому, если, например, Ваш сервер и Ваши посетители находятся в Европе, Вы получите гораздо более точные данные, если запустите тест из Лондона, а не из Ванкувера в Канаде (расположение по умолчанию). 😉 Наличие аккаунта также позволит Вам избежать очереди.

Внимание! GTmetrix на бесплатном тарифе позволяет проверить только десктопную версию, для проверки мобильной версии используйте сервис WebPageTest.

GTmetrix выберите ближайший сервер к вашему сайту.

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

Как читать данные разделов Grade (Оценка) и Summary (Сводка) в GTmetrix

Стремитесь к оценке A или B.

Ниже показан раздел Speed Visualization (визуализация скорости). В этом разделе содержится информация обо всех загруженных элементах и ​​о том, как скоро посетители смогут взаимодействовать с тестируемым сайтом.

Смотрим значение TTFB, у меня он равен 147ms. Принято считать, значение TTFB меньше 100ms — идеальным, 100ms-300ms отличным, 300ms-500ms — приемлемым, значение больше 500ms плохим.

Далее отчет в середине страницы Top issues (основные проблемы). В первую очередь решайте проблемы с уровнем влияния High (высокий) и Medium (средний), поскольку они максимально снижают производительность сайта.

Последняя важная информация в этом разделе — время полной загрузки страницы (Fully Loaded Time) и общий размер страницы (Total Page Size). Напоминаю: Google хочет/требует/рекомендует время загрузки менее 2000 мс (2 секунды). Total Page Size (общий размер страницы) — чем меньше, тем лучше (принято считать, что 2 МБ — это много).

Как читать разделы Performance (Производительность) и Structure (Структура) в GTmetrix

В разделе Performance представлена более подробная информация каждом показателе. Для удобства включите кнопку Metric details.

Страница Performance в простом виде помогает определить основные проблемы Вашего сайта, чтобы у Вас было чёткое представление, что именно Вам нужно улучшить. Советы по оптимизации смотрите на вкладку Structure (Структура).

В разделе Structure Вы найдёте полный список аудитов вашего сайта. Рекомендуется сначала устранить проблемы с уровнем влияния High (высокий) и Medium (средний). Проблемы с низким уровнем влияния Low ставить на потом, зачастую они автоматически исчезнут после решения проблем уровня High и Medium.

Щёлкните стрелку возле одной из проблем в списке и получите подробную информацию. Нажмите кнопку Learn how to improve this (Узнать, как это исправить), чтобы ознакомиться с рекомендациями GTmetrix по оптимизации.

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

Как читать данные раздела Waterfall в GTmetrix

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

В первую очередь изучите колонку Status на наличие ошибок 404 и 403. На работающем без ошибок сайте в колонке должен Status быть ответ 200.

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

Более подробно о данных Waterfall читайте в официальным руководством GTmetrix (англ.). Но если вы не программист, то Вам кроме проверки колонки Status ничего здесь не нужно. Для написания технического задания программисту и/или системному администратору используйте страницу Structure (Структура).

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

  • Изучите данные в Google Аналитика в отчетах «Скорость загрузки сайта» и Яндекс.Метрика — «Стандартные отчеты» / «Мониторинг» / «Время загрузки страниц». Вы должны понимать, что по факту, из этих данных вы узнаете, что сайт загружался долго, но что именно его так долго загружало метрика не скажет. В любом случай информация полезная, если нужно тестировать посадочные страницы, а не только главную страницу сайт.
  • Сервис loading.express более нагляден чем Google PageSpeed Insights. Тестирует скорость сайта из сети 3G на мобильном устройстве. И главное позволяет выбрать страну (Украина, Казахстан, Россия, Беларусь и другие) из которой проводится тестирование.
  • Проверить оптимизирована ли ваша страница для мобильных устройств https://search.google.com/test/mobile-friendly
  • WebPageTest аналог GTmetrix в чем-то лучше. Главное после теста WebPageTest, не пугайтесь значением параметра Security score — если вы нажмете на него, то попадете на платный сервис поиска уязвимостей.
  • Pingdom Tools Сервера, с которых идет проверка скорости, расположены в Азии, Европе, Америке и Австралии, русских и украинских нет.
  • dotcom-tools.com/website-speed-test позволяет выбрать одновременно несколько локаций, откуда будет идти тест. Для настроек теста также выбирается десктоп или мобайл, нужная операционная система, разрешение и ориентация экрана, а также скорость интернета (2G, 3G, 4G). Отчет выстроен на данных Lighthouse.
  • Dareboost качественный сервис, рекомендую прогнать через него ваш сайт. Сканирует скрипты. Поддрежу HTTP версии 2. Ошибки браузера. Выдает индекс скорости сайта.
  • GiftofSpeed много полезных утилит на сайте, рекомендую изучить. И также прочитать их статьи.

Заключение, Рекомендации или Шпаргалка

  • Рассчитайте скорость загрузки — это важный фактор ранжирования. Рекомендуемое время загрузки — 2 сек. Для высоконагруженных приложений рассчитайте время загрузки самостоятельно — взяв среднюю скорость загрузки сайтов конкурентов. На скорость влияют вес сайта и хостинг.
  • Выберите хостинг под технические особенности ресурса. Если вы выбрали VPS вместо виртуального хостинга — наймите опытного системного администратора для постоянного сопровождения вашего сервера.
  • Проверьте скорости загрузки. Проверка производится с помощью специальных сервисов: WebPageTest, loading.express. Они подсчитают, за сколько времени загрузился сайт, количество запросов, размеры, уровни производительности, распределение ресурсов по весу и запросам.
  • Улучшайте скорость. Сократите количество запросов, по которым обращаются к серверу. Для этого объедините CSS в один файл и скрипты JS тоже в отдельный файл. Оптимизируйте их через инструменты CSS Minifier, CSS Compressor для CSS, и JS Minifier и JavaScript Compression Tool для JavaScript. Размещайте js скрипты перед закрывающим тегом .
  • Оптимизируйте изображения. Используйте фотографии только требуемого размера. Используйте современные графические форматы, такие как WebP, вместо JPG и PNG.
  • Обратить внимание на количество загружаемых файлов с внешних источников. Не редко, после релиза сайта, изображения или скрипты подгружаются из внешнего источника (тестового сервера, других источников), что может замедлять работу.
  • Использовать CDN или нет? CDN распределяет копии контента страницы сайта на множество серверов. Сайт загружается с ближайшего к пользователю сервера CDN. Статический контент кэшируется от 7 до 30 дней. Благодаря CDN, время загрузки страниц уменьшается, никаких обращений к серверу (с вашим сайтом) для отображения картинок не поступает. Они уже подгружаются с распределенных серверов, значительно снижая нагрузку на основной сервер. НО А ГДЕ НАХОДИТСЯ БЛИЖАЙШИЙ К ПОЛЬЗОВАТЕЛЮ СЕРВЕР CDN? Будьте осторожны и обязательно проведите дополнительное тестирование после включения CDN, что бы не оказалось так что ваш сайт и клиент находятся в Уфе, а сервер CDN в Папуа Новой Гвинеи.
  • Total Page Size (общий размер страницы) — чем меньше, тем лучше. Принято считать, что 2 МБ — это много, но для фотохостингов или сайтов с портфолио дизайнера это правило работать соответственно не будет.

3 лучших онлайн-сервиса • WILHARD.RU

Скорость загрузки сайта – это очень важный фактор ранжирования в поисковых системах, который сильно влияет на позиции вашего сайта. Под скоростью загрузки сайта понимают среднюю скорость загрузки всех его страниц за некоторый период времени. Исследования Гугл показывают, что сайт теряет 40% трафика, если скорость загрузки сайта более 3 секунд. Интересно, что лишь 20% сайтов в Интернете имеют скорость загрузки менее 1 секунды. Если вы увеличите скорость загрузки сайта и сделаете ее менее одной секунды, то вы увеличите свой трафик в два-три раза и попадете в 20% самых быстрых сайтов. Разумеется, при этом вырастут ваши позиции в результатах поиска Яндекс и Гугл, а в Гугл Адвордс увеличится показатель качества ваших объявлений и снизится цена клика. И хотя приемлемой скоростью загрузки считается до 4 секунд, большинство экспертов рекомендуют 1.5 секунды.

Таким образом, идеальная скорость загрузки сайта – 0.5 секунды, максимально допустимая скорость загрузки сайта – 2 секунды. Стремитесь к этому!

Популярные онлайн-сервисы проверки скорости сайта

В русскоязычном и англоязычном Интернете все рекомендуют одни и те же онлайн-сервисы для проверки скорости загрузки сайта: webpagetest.org, Google Pagespeed Insights, pingdom.com, gtmetrix.com – это самые крутые и международно признанные сервисы. Наберите запрос “проверка скорости сайта” в Яндексе или Гугле, откройте десять сайтов и вы увидите, что все статьи написаны про эти 4 сервиса и в них будет еще штук шесть мелких и малоизвестных онлайн-сервисов проверки скорости загрузки. Обычно читаешь такую статью и потом неясно, чем же пользоваться в итоге.

Никакого спама! Можно отписаться в любой момент.

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

Тем не менее я использую webpagetest.org, Google Pagespeed Insights, для чего – объясню далее, а вот сервисы pingdom.com, gtmetrix.com – совершенно бесполезны.

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

Для проверки скорости загрузки сайта я использую Гугл Аналитикс и Яндекс Метрику – они проверяют скорость загрузки вашего сайта непрерывно – 24/7 – и хранят эту информацию. Зачем пользоваться какими-то онлайн-сайтами, если у вас уже есть вся информация, при этом вы можете смотреть скорость загрузки отдельных страниц в разные периоды времени в разных странах и браузерах?

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

Откройте Отчеты > Стандартные отчеты > Мониторинг > Время загрузки страниц.

Время загрузки страниц – Яндекс Метрика

Вы увидите такой вот отчет “Время загрузки страниц”:

Время до загрузки DOM – Яндекс Метрика

Скорость загрузки сайта показывает параметр “Время до загрузки DOM” – это время от начала перехода на страницу до полной загрузки страницы со всеми ее компонентами (изображения, CSS, скрипты и т. п.). Это значение субъективно воспринимается посетителем как «качество» страницы. Нас в первую очередь интересует именно этот параметр – надо смотреть его. Описание значения других параметров отчета скорости загрузки страниц можно прочесть в хелпе Яндекса “Время загрузки страниц“.

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

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

В разделе ПОВЕДЕНИЕ > Скорость загрузки сайта вы найдете два очень полезных отчета: Обзор и Время загрузки страниц.

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

 

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

В отчете “Обзор” главный показатель, который интересует нас – это “среднее время загрузки страницы (сек.)”, потому что это и есть скорость загрузки сайта. Также внимательно изучите график, чтобы знать, как менялась скорость загрузки сайта последние 30 дней.

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

Подробное описание всех этих отчетов есть в хелпе Гугл: Отчеты “Скорость загрузки сайта”.

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

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

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

На самом деле причин медленной работы вашего сайта огромное множество и узнать их все вам как раз и помогут сервисы, про которые я писал ранее: webpagetest.org, Google Pagespeed Insights. К сожалению, оба эти сервиса только на английском языке.

Google Pagespeed Insights

Google Pagespeed Insights дает подробные рекомендации по увеличению скорости вашего сайта и он интегрирован в Гугл Аналитикс. Его вы можете найти в отчете ПОВЕДЕНИЕ > Скорость загрузки сайт > Ускорение загрузки. Этот отчет дает информацию по улучшению каждой страницы сайта, переадресовывая вас на Google Pagespeed Insights.

Webpagetest.org

Google Pagespeed Insights очень хороший отчет и им надо обязательно пользоваться, но мне больше нравится webpagetest.org. Запускать этот отчет можно для любого европейского города, потому что измерение скорости загрузки сайта для России сейчас почему-то недоступно, а раньше можно было измерять скорость загрузки в Москве. Этот отчет раскладывает скорость загрузки сайта на мельчайшие элементы и очень наглядно представляет их в таком виде:

Отчет о скорости загрузки сайта webpagetest.org

 

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

Заключение: три лучших сервиса для проверки и увеличения скорости загрузки сайта

Скорость загрузки сайта – очень важный фактор ранжирования в SEO. Средняя скорость загрузки страниц вашего сайта не должна превышать 2 секунд. Проверять скорость загрузки сайта лучше всего в Гугл Аналитикс, а разбираться, почему скорость сайта низкая, лучше всего при помощи сервисов webpagetest.org и Google Pagespeed Insights. Если вы не согласны, то буду благодарен, если вы поделитесь своими мыслями в комментариях.

Правильное измерение скорости сайта #WebPerformance

  Ваши опасения по поводу скорости сайта оправданы!  

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

После обновления Google Speed ​​Update (выпущенного в июле 2018 года) этот акцент стал более важным, поскольку каждый онлайн-бизнес пытается ускорить работу своих веб-сайтов. Некоторое время назад Google объявил, что будет использовать Core Web Vitals для ранжирования, начиная примерно с июня 2021 года.Это будет известно как обновление возможностей страницы. На самом деле, во время недавней конференции Google I/O 2021 Google заявила, что сначала выпустит обновление Page Experience для рабочего стола.

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

Что такое скорость сайта?

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

Кредиты: Google Web Fundamentals

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

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

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

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

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

  Воспринимаемое время загрузки так же важно, если не более,  
, как фактическое время загрузки

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

  • Первая содержательная отрисовка 
  • Первая значимая отрисовка
  • Время до интерактивности

Полный список показателей можно найти здесь.

Обновление: С выпуском Lighthouse 6.0 в отчет Lighthouse были добавлены три новых показателя. Их также можно найти в отчетах WebPageTest. Новые показатели:
Максимальное отрисовка содержимого (LCP)
Совокупное смещение макета (CLS)
Общее время блокировки (TBT)

Измерение скорости

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

Пользователь смотрит время загрузки в секундах (1.32 с здесь) и определяет, быстро это или медленно. Чего не хватает, так это условий, в которых проводился этот тест. Был ли этот тест смоделирован на последнем Macbook Pro с максимально возможными конфигурациями или он выполнялся на нетбуке на базе Intel Celeron (который обычно имеет скромные конфигурации). Этот тест был проведен в Сан-Франциско, но что, если ваш сайт находится в Дублине, Ирландия?

Как обычный пользователь измеряет скорость:
  1. Самореализация или вдохновение из статьи о важности скорости
  2. Поиск лучших инструментов Google для измерения скорости сайта
  3. Тесты PageSpeed ​​Insights (PSI), WebPageTest (WPT), GTMetrix, Pingdom и т. д.
  4. Записывает оценки или оценки или количество секунд, и отправляет его своему разработчику для улучшения.
  5. Проверяет изменения оценки после внедрения и итеративно отправляет ее разработчикам

Что не так с типичным подходом к измерению скорости?

Много… если честно!

Мы часто забываем о некоторых основных моментах при тестировании скорости сайта. Вот краткое напоминание -:

  1. Устройство имеет значение… многое
    Очень важно правильно выбрать устройство для тестирования. Мы должны понимать, что веб-сайты или веб-страницы в основном представляют собой строки кода.Чем лучше устройство, тем быстрее этот код может быть выполнен. Проще говоря, мощный ноутбук/мобильный телефон будет загружать веб-сайты быстрее, чем его менее мощные аналоги.
  2. Не забудьте измерить скорость на мобильных устройствах
    Для большинства сайтов мобильный трафик привлекает больше трафика, чем рабочий стол. Но, когда дело доходит до тестирования на скорость, большинство из нас проверяет его только для десктопа. Google Pagespeed Insights (PSI) предлагает показатель скорости для настольных и мобильных устройств в видимой форме и, таким образом, оказывается более полезным, чем некоторые другие инструменты в этом аспекте.
  3. Используйте определенные настройки при тестировании
    Большинство из нас склонны тестировать скорость сайта с настройками используемого нами инструмента по умолчанию. Например:
    1. WPT настроен на Даллеса, Вирджиния (Вирджиния) с Chrome в качестве браузера и кабельным соединением со скоростью 5/1 Мбит/с (5 Мбит/с загрузка 1 Мбит/с загрузка).
    2. GTMetrix настроен на Ванкувер, Канада, с Chrome в качестве браузера и среды рабочего стола. Соединение по умолчанию — «Unthrottled Connection», но вы можете изменить его только в том случае, если зарегистрируетесь в GTMetrix.
    3. По умолчанию Pingdom использует Сан-Франциско, США. На странице нигде не отображается информация о подключении

Какие настройки использовать при измерении скорости сайта?

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

.
  1. Местоположение: Используйте местоположение вашей основной аудитории для тестирования
  2. Устройство: Как указано выше, проверьте скорость сайта как для мобильных устройств, так и для компьютеров.Выбирайте устройства ближе к вашей аудитории.

    Небольшой совет . Если на вашем сайте установлен Google Analytics, вы можете перейти по ссылке Аудитория > Мобильные устройства > Устройства , чтобы узнать, какие устройства чаще всего используют ваши посетители. Попробуйте найти ближайшее подходящее устройство для проведения теста. WPT предлагает широкий спектр устройств.

  3. Подключение: При использовании мобильного телефона используйте 3g Fast или 4g Slow.Для рабочего стола используйте широкополосный/кабельный. Нерегулируемое соединение будет самым быстрым. Таким образом, если вы тестируете свою веб-страницу на нерегулируемом соединении, вы можете получить лучшие результаты, но маловероятно, что ваши посетители получат такую ​​же скорость соединения в реальной жизни.
  4. Количество тестов: Всегда проверяйте каждое устройство более одного раза и вычисляйте среднее значение.
  5. Страницы для проверки: Проверьте больше, чем домашнюю страницу. Это классическая ошибка.Большинство владельцев веб-сайтов проверяют URL главной страницы, но не остальные страницы. Если вы не можете проверить все это, по крайней мере, попробуйте проверить некоторые распространенные шаблоны, такие как страницы категорий, страницы продуктов и т. д.

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

Синтетические и RUM-тесты

Тесты скорости измеряются с использованием следующих 2 типов тестов:

  1. Лабораторные или синтетические тесты
  2. Полевые испытания или мониторинг реального пользователя

Синтетические тесты — это те, которые выполняются в смоделированной среде.Например, инструмент Маяк.

RUM означает Real User Monitoring. Это тесты и измерения, выполненные в реальных условиях. CRUX (отчет об опыте использования Chrome), отслеживание Core Web Vitals в Google Analytics, Akamai mPulse — вот несколько способов получить данные RUM,

.

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

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

Представьте, что основная аудитория вашего сайта использует старую версию iPhone, а вы проводите WPT и другие тесты по меркам iPhone X (который мощнее некоторых моделей Macbook 2017 года), тогда вы можете ошибиться. .Google утверждает, что утверждал, что использует Moto G4 в качестве устройства эмуляции по умолчанию.

Примечание. Lighthouse используется для части отчета PageSpeed ​​Insights. В последнем отчете Lighthouse в качестве устройства эмуляции используется Nexus 5X.

Как большинство пользователей просматривают данные о скорости сайта?

Как на самом деле выглядят данные о скорости сайта?

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

Как видите, примерно у 4% пользователей первая отрисовка содержимого занимает более 12 секунд. Проще говоря, это означает, что вещи начинают загружаться в браузере через 12 секунд. Даже мысль мучительна, не так ли?

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

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

Как правильно измерить скорость сайта?

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

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

Поймите, что важнее для вашего пользователя

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

Не игнорировать воспринимаемую скорость

Большинство владельцев сайтов стремятся улучшить фактическое время загрузки . Хотя в этом нет ничего плохого, крайне важно, чтобы владельцы сайтов обращали внимание на воспринимаемое время загрузки.Метрики , такие как первая содержательная отрисовка (FCP), первая значимая отрисовка (FMP) и т. д., помогут вам оценить, как вы работаете с точки зрения воспринимаемой скорости.

Правильно настройте

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

Совет . Для общих тестов я лично предпочитаю запускать все начальные настольные тесты с браузером, установленным как Chrome, Сеть, настроенная на кабель (медленный из доступных вариантов).Для мобильных экранов, в то время как маяк Google работает на Moto G4 с медленным 3G по умолчанию. Это хорошо для стресс-тестирования, но поскольку большинство клиентов наших клиентов используют 4G, я предпочитаю использовать 4G для базовых тестов производительности и мобильное устройство, по крайней мере, Samsung Galaxy S8 или iPhone 8. WPT — мой предпочтительный инструмент для тестирования скорости .

Обратите внимание на отчет Page Experience в Google Search Console
Обновление Page Experience касается не только Core Web Vitals (LCP, FID, CLS).Он включает в себя удобство использования мобильных устройств, вопросы безопасности и реализацию HTTPS. Чтобы помочь пользователям, Google предоставляет подробную информацию обо всех этих элементах в Google Search Console.

Проверить больше, чем домашнюю страницу

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

Поговорите со своими разработчиками

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

Нижняя строка

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

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

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

Твитнуть
Раджив Сингха

Я работаю в команде органического поиска (SEO) CueBlocks.Я люблю играть в футбол и читать о техническом SEO.

БОЛЬШЕ ПОСТОВ

Как это измерить и почему это важно

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

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

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

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

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

Google также предлагает измерение скорости страницы и рекомендации с помощью своего бесплатного инструмента Analytics.В Analytics перейдите в меню «Контент», затем в «Скорость сайта».

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

Адам Смартшан Адам Смартшан возглавляет отдел стратегического маркетинга и брендинга Altitude. Удостоенный наград писатель и редактор в прошлой жизни, теперь он специализируется на анализе данных, поисковой оптимизации, стратегии цифровой рекламы, оптимизации коэффициента конверсии и технической интеграции.Он имеет множество отраслевых сертификатов и часто выступает на темы маркетинговой стратегии B2B и SEO.
Адам окончил Северо-Восточный университет в Бостоне в 2007 году. Он вырос в долине Лихай в Пенсильвании, всего в нескольких милях вниз по дороге от штаб-квартиры Altitude в Эммаусе, штат Пенсильвания.

Измерение скорости страницы с помощью Google Metrics и инструментов

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

В настоящее время мы живем в эпоху мобильных устройств, и скорость стала еще более важной после того, как в марте 2018 года компания Google развернула индексацию Mobile-first, объявив, что они используют в основном мобильную версию страницы для индексации и ранжирования, а позже, в июле, внедрил «Обновление скорости», которое включает скорость страницы в качестве фактора ранжирования в мобильном поиске.

Важность скорости сайта для электронной коммерции

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

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

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

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

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

  • PageSpeed ​​Insights
  • Маяк
  • Карта скорости
  • Инструменты разработчика Chrome

Google PageSpeed ​​Insights  – это бесплатный инструмент, который анализирует производительность страницы, а также отображает оценку скорости для любой страницы в диапазоне от 0 до 100 для мобильных и настольных устройств.(Ознакомьтесь со статистикой PageSpeed ​​Insights здесь)

Инструмент Google PageSpeed ​​Insights был обновлен недавно, в ноябре 2018 года, и теперь он включает больше данных из Lighthouse и отчета об опыте использования Chrome (CRUX) с реальными данными. Отчеты очень полезны, и вы можете найти важные показатели производительности, такие как первая содержательная отрисовка (FCP) и первая значимая отрисовка (FMP), обе ключевые метрики, чтобы узнать, как быстро загружается страница. Он также включает рекомендации по оптимизации скорости, такие как оптимизация изображений и JavaScript, блокирующий рендеринг.

Lighthouse — еще один бесплатный инструмент с открытым исходным кодом, разработанный Google для аудита производительности и качества веб-страниц. Он выделяет проблемы, которые вызывают низкую оценку производительности, и создает отчет с возможностями (списком вещей, которые можно улучшить для повышения производительности) и диагностикой. Действия, предлагаемые для оптимизации скорости, имеют приоритет по влиянию, которое они оказывают на веб-производительность страницы, что полезно при общении с командами веб-разработчиков.Есть два варианта использования Lighthouse: вы можете либо установить плагин в браузере Chrome, либо проверить инструмент Lighthouse во встроенных инструментах разработки на вкладке «Аудит».

Карта показателей скорости  очень полезна для сравнения показателей скорости мобильного сайта с конкурентами. Метрика системы показателей скорости рассчитывается на основе нескольких метрик из отчетов о пользовательском опыте Chrome. Есть возможность проверить счет в разных странах и сетях (4G, 3G). Еще одна интересная функция — калькулятор влияния, который измеряет влияние скорости на доход компании.Для получения персонализированного результата необходимо заполнить необходимые метрики: среднемесячные посетители, средняя стоимость заказа и коэффициент конверсии.

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

В дополнение к упомянутым инструментам Google недавно запустила новый инструмент: web.dev, который анализирует производительность, PWA и лучшие практики. Я рекомендую использовать его с осторожностью, так как инструмент все еще находится в стадии бета-тестирования и сообщалось об ошибках. Аудит предоставляет список элементов, которые необходимо исправить или оптимизировать, а также примечания о влиянии каждого изменения.

Над чем следует поработать, чтобы повысить скорость работы вашего сайта?

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

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

  • Размер страницы: это можно проверить с помощью Chrome Dev Tools на вкладке «Сеть».Необходимо очистить кеш и выполнить жесткую перезагрузку, а затем проверить переданные КБ или МБ, которые отображаются на серой средней полосе.

  • Шрифты: Вы можете проверить шрифты, используемые для каждой страницы, также с помощью Chrome Dev Tools на вкладке «Сеть» > «Шрифт». Оптимизация веб-шрифтов является важной частью общей стратегии повышения производительности. Время загрузки будет зависеть от выбранных шрифтов, и даже некоторые шрифты могут блокировать отрисовку текста.

  • Сжатие: вы можете проверить, используется ли какое-либо сжатие на любой данной странице в заголовках HTTP.Открыв инструменты разработчика, щелкните вкладку «Сеть» и перезагрузите страницу. Затем щелкните верхнюю запись в списке ресурсов и выберите «Заголовки» справа. Найдите поле «Content-Encoding», и вы увидите, используется ли какой-либо метод сжатия.

  • Неиспользуемые байты контента. Вы можете проверить неиспользуемые байты контента для файлов JavaScript и CSS. Воспринимайте эту информацию только как указание, так как результаты могут быть не слишком точными. В нем могут быть части, помеченные как неиспользуемые, но это будет вызвано взаимодействием с пользователем.Чтобы проверить, какой процент помечен как неиспользуемый, перейдите на вкладку «Покрытие» в инструментах разработчика Google Chrome, перезагрузите страницу и проверьте показатели, отображаемые для каждого файла. Неиспользуемые части кода также выделены красным цветом на вкладке.

  • Размер изображений. Размер изображений можно проверить с помощью Chrome Dev Tools. На вкладке «Сеть» нажмите «Изображение», и отобразится список изображений с кодом состояния, типом и размером файла.

Для дальнейшей оптимизации изображения вы можете использовать Chrome Lighthouse, он доступен на вкладке «Аудит» в Chrome Dev Tools или как отдельный инструмент, как упоминалось ранее.Отличным показателем для проверки является то, загружаются ли изображения больше, чем необходимо. Для этого проверьте раздел соотношения сторон, чтобы узнать, используется ли соответствующее соотношение сторон.

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

Проверьте эффективность своего сайта с помощью Google Lighthouse

Категории представление
Дэн

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

Lighthouse — это движок web.dev/measure и PageSpeed ​​Insights, сервис также доступен в Chrome DevTools, через npm или как расширение веб-браузера в Chrome и Firefox. На момент написания Lighthouse до версии 6, маркировка введение Web Vitals в качестве основы для подсчета очков. Если вы не уверены, какую версию инструмента вы используете, прокрутите вправо до нижней части отчета, который он создает. где будет указана версия.

Lighthouse создает свой отчет, имитируя конкретное устройство и скорость сети, а не работая на полной скорости. с вашего компьютера. Причина в том, что, поскольку проблемы со скоростью гораздо более заметны на более медленных устройствах, а не на всех имеет новейший гаджет или обязательно имеет быстрое подключение к Интернету, вы должны постараться обеспечить хорошую загрузку для всех пользователей. Текущее смоделированное мобильное устройство — это Moto G4 с подключением ~1,5 мегабита. Для справки, для загружать 1мб данных на этой скорости, если вес вашей страницы типичен, т.е. больше 2.5мб, то ты не собирается хорошо забивать.

Как использовать Google Lighthouse

Существует два способа запуска отчета Google Lighthouse:

  1. В вашем локальном браузере и;
  2. В сети через web.dev/measure или Peagespeed Insights.

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

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

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

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

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

Понимание партитуры

После того, как отчет будет готов, вы увидите сводку производительности, подобную этой мобильной, которую мы запускали на Peakhour.io, пока мы разрабатывали сайт:

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

Каждая необработанная метрика (число, указанное в отчете) сравнивается с реальными данными о производительности веб-сайта, полученными из HTTP-архив и преобразуется в оценку из 100. Это делается путем оценки эталонных данных. на кривой, поэтому, если ваш веб-сайт входит в число 8% лучших веб-сайтов, он получает 90 баллов, а если он входит в число 25% лучших, он получает 50 баллов.Если вас интересуют технические детали, в Google есть подробное объяснение подсчета очков на веб.dev

Каждой метрике присваивается вес, затем баллы суммируются в одно общее число на основе веса. Вот разбивка теста, который мы только что провели (на снимке экрана выше), полученного при нажатии на ссылку «Просмотреть калькулятор», которую вы можете см. между разделом Метрики и скриншотами (на скриншоте выше):

Оценка вариабельности

79 очень хорош для мобильного устройства! Тем не менее, мы запускали его несколько раз и получили от 60 до 60 баллов. и 85 на верхнем уровне.Показатели могут сильно колебаться, даже при многократном тестировании на одном и том же устройстве. Причины этого включают:

  • Небольшие различия в производительности Интернета.
  • Загрузка процессора вашего компьютера при выполнении теста.
  • Изменчивость веб-сервера.

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

Возможности

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

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

В этом случае основным узким местом является шрифт, загруженный из Google Fonts, это задерживает рендеринг нашего страницы на значительные 1,3 с.

Диагностика

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

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

web.dev и Pagespeed Insights

Если вы решите запустить отчет в Интернете, мы рекомендуем использовать Pagespeed Insights.

В дополнение к сгенерированному отчету Pagespeed Insights также показывает вам Данные поля для тестируемой страницы, и Origin Summary для всех страниц веб-сайта.

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

Резюме

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

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

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

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

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

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

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

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

Большинство популярных инструментов тестирования скорости веб-сайта проверяют ваш сайт в идеальных условиях рабочего стола ( по крайней мере по умолчанию ).То есть они…

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

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

  • Просмотр мобильной версии вашего сайта
  • Использование более медленного соединения 3G или 4G — теперь большое количество «тяжелых» изображений может быть гораздо более серьезной проблемой, поскольку само соединение работает медленнее.
  • Просмотр на маломощном устройстве, таком как смартфон Motorola Moto G . Теперь устройство может работать с ошибками и обрабатывать JavaScript на вашем сайте дольше. Таким образом, JavaScript, блокирующий рендеринг, становится гораздо более серьезной проблемой.

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

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

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

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

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

1. Google (два разных инструмента)

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

Во-первых, есть сравнительно простой инструмент тестирования скорости для мобильных устройств Think With Google, который полезен для анализа средней скорости всего вашего сайта (, то есть , а не конкретных URL-адресов ).

Все, что вам нужно сделать, это указать URL-адрес вашего сайта, и Google выдаст среднюю скорость вашего мобильного сайта в сетях 4G в США:

.

Используя раскрывающиеся списки, вы также можете выбрать разные страны и типы сетей.Например, вот данные о том, как быстро загружается WordPress.org для пользователей 3G во Вьетнаме:

.

Важно отметить, как рассчитываются эти данные…

Google не «моделирует» мобильных пользователей. Вместо этого эти данные взяты из реального отчета об опыте использования Chrome. По сути, это означает, что число «скорости сайта», которое вы видите, — это «скорость всех страниц, составляющих ваш сайт, на основе реальных данных, собранных с помощью отчета об опыте использования Chrome (CrUX)» (Источник).

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

Если вы хотите проверить мобильную скорость определенного URL-адреса , вам поможет инструмент Google PageSpeed ​​Insights.

Раньше инструмент PageSpeed ​​Insights не выдавал точные цифры. Однако все изменилось, и теперь PageSpeed ​​Insights предоставляет вам реальные тестовые данные из Lighthouse.

Эти данные можно найти в области Lab Data на вкладке Mobile отчета PageSpeed ​​Insights:

Эти данные используют эмулированное подключение к мобильной сети и устройство с недостаточной мощностью ( например Moto G4 ). Чтобы узнать больше об этих данных, ознакомьтесь с нашим руководством по аудиту Lighthouse.

Важный вывод : Lighthouse предоставляет вам лабораторные данные для определенного URL-адреса на основе маломощного устройства и эмулируемого мобильного соединения.

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

WebPageTest — это популярный инструмент для тестирования скорости страницы, который дает вам большой контроль над условиями ваших тестов.

Используя опцию Advanced Testing инструмента, вы можете выбрать:

  • Различные устройства Android и iOS
  • Множество различных эмуляций скорости соединения, включая 3G, 4G, LTE, Edge и т. д. :

    3.GTmetrix

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

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

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

    Давайте посмотрим на некоторые данные…

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

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

    .

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

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

    Несколько быстрых советов по ускорению вашего мобильного сайта

    Если вы спросите «насколько быстро работает мой мобильный сайт?» и ответ был «недостаточно быстро», вы, вероятно, захотите что-то с этим сделать!

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

    • Сжатие изображений . Сжатие изображений — отличный способ уменьшить вес страницы. Плагин Imagify может помочь вам сжимать и изменять размер изображений WordPress на автопилоте.
    • Оптимизация JavaScrip t — JavaScript вдвойне важен для мобильных устройств, поэтому Google PageSpeed ​​Insights обычно кричит вам: «Удалите JavaScript, блокирующий рендеринг, в содержимом верхней части страницы». WP Rocket может легко помочь вам отложить JavaScript, чтобы решить эту проблему.
    • Обратите внимание на AMP . Ускоренные мобильные страницы (AMP) — это один из способов значительно сократить время загрузки мобильных страниц.Узнайте, как настроить AMP на WordPress, а также некоторые из лучших плагинов WordPress AMP.

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

    Подведение итогов

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

    Чтобы помочь вам в этом, Google предлагает два инструмента, один из которых предоставляет вам реальные данные из отчета об опыте использования Chrome, а другой — эмулированные лабораторные данные из Lighthouse.

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

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

    Ваш изящный путеводитель по приоритизации скорости страницы

    Информация о СМИ

    по Скотт Додж | 10 января 2018 г.

    Скорость страницы возросла! Если ваш сайт не поспевает за тенденциями, вы теряете бизнес. Независимо от того, работаете ли вы на стороне клиента или работаете в агентстве цифрового маркетинга, в 2018 году скорость страницы должна быть на первом месте. В ближайшие месяцы Google развернет свой мобильный индекс, а 64% пользователей смартфонов ожидают загрузки страницы <4 с. , скорость страницы является общим фактором, который увеличит трафик.Скорость страницы не только является проверенным фактором ранжирования и определяющим показателем качества для поисковых систем, но также сильно влияет на удобство работы пользователей и коэффициент конверсии сайта. Согласно исследованию Bing, каждая 2-секундная задержка может привести к потере дохода на 4,3% в расчете на одного посетителя. Исследование Akamai показало, что 40% пользователей покинут страницу, загрузка которой заняла более трех секунд.

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

    Для начала вот некоторые показатели, которые вам нужно знать и искать при анализе скорости страницы:

    • Объектная модель документа (DOM) интерактивная относится к тому, насколько быстро загружается инфраструктура, прежде чем страница сможет начать загрузку видимого содержимого
    • DOM завершен относится к моменту, когда вы можете начать взаимодействовать со страницей — должен быть нашим основным KPI для оптимизации скорости страницы
    • полная загрузка страницы отличается, это относится к тому, сколько времени требуется для полной загрузки всего на странице, включая лениво загружаемые изображения и содержимое ниже сгиба

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

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

    • webpagetest.org — предпочтительный инструмент Google для загрузки страниц. позволяет использовать множество различных конфигураций устройств и скорости Интернета, а также предоставляет детализированные временные параметры TTFB, интерактивной/полной загрузки DOM и показателей TTLB
    • .
    • тестовый сайт.thinkwithgoogle.com — высокоуровневый инструмент тестирования, который использует webpagetest.org для измерения скорости и предоставляет оценки процента потери посетителей из-за медленной загрузки
    • .
    • lighthouse — инструмент для аудита веб-производительности с открытым исходным кодом, встроенный в инструменты разработчика Google Chrome. помогает предоставить конкретные и действенные рекомендации по повышению скорости загрузки страниц

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

    .
    • Мобильный: 10 700/768 Кбит/с, задержка 300 мс
    • Рабочий стол: 18 750/1000 Кбит/с, задержка 28 мс

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

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

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

    Инструмент аудита Lighthouse

    Последний инструмент, который мы любим использовать, встроен в инструменты разработчика Chrome в вашем браузере Chrome. Инструмент аудита маяка, доступный через проверку элементов страницы (Ctrl+i), предоставляет полезную информацию и перечисляет проблемные области.За каждую возможность уменьшить скорость страницы он дает ощутимые цифры «отложенной отрисовки». При представлении информации о скорости страницы ИТ-специалистам или группе разработчиков добавление этих сведений может оказаться очень важным и предоставить ориентир для будущих тестов. Чтобы экспортировать эти данные, вы можете использовать расширение Lighthouse Viewer для Chrome и легко делиться проблемными областями с клиентами и/или коллегами.

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

    • Методология важна: разные стороны и инструменты могут несогласованно тестировать скорость страницы. Полная DOM должна быть метрикой номер один для измерения скорости страницы по всем направлениям. Обязательно объясните, почему это так; использование видео с webpagetest.org всегда помогает оправдать эту методологию.
    • Установите контрольные показатели: вам следует повторно протестировать скорость страницы до и после внесения изменений.Кроме того, всегда полезно постоянно тестировать новые страницы или шаблоны, чтобы иметь возможность оглянуться назад.

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

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

    Насколько быстр ваш сайт? Измерьте это с помощью Google Page Speed ​​Online — TechCrunch

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

    Вчера Google анонсировал Page Speed ​​Online, который предоставляет быстрый и простой способ точного измерения скорости вашего веб-сайта непосредственно из Интернета. Ранее доступный только в виде надстройки для браузера, запуск Google Labs позволяет анализировать ваш сайт из любого места и мгновенно получать отзывы о том, как сделать его быстрее. Скорее всего, ваш веб-сайт мог бы работать лучше — все наши могли бы.В Интернете есть множество инструментов, которые измеряют только время отклика сервера, давая неточное представление о скорости вашего сайта. Например, молниеносно быстрые серверы могут вернуть ваш HTML за долю секунды, но посетители вашего сайта все равно будут ждать загрузки изображений или выполнения javascript. Напротив, Page Speed ​​Online использует средство визуализации на основе webkit для синхронизации всех компонентов вашего сайта для получения более полной картины его производительности.

    Page Speed ​​Online прост в использовании.Просто введите URL-адрес и получите мгновенные предложения по улучшению производительности вашего сайта. Page Speed ​​Online дает вам оценку из 100 и разбивает предложения по их приоритету. Google кэширует результаты, что делает их более быстрыми в использовании, чем сравнительные инструменты, такие как WebPageTest, которые предлагают больше возможностей. С помощью Page Speed ​​Online вы также можете получать рекомендации для мобильных устройств. Например, поскольку процессоры мобильных устройств менее мощные, чем процессоры настольных компьютеров, предложения по снижению потребления ресурсов ЦП будут выделяться более заметно.

    Производительность имеет значение. Мы все это знаем. Каждый может испытать разочарование от ожидания на сайте, который загружается вечно. Владельцы веб-сайтов, в частности, должны заботиться о производительности. Корреляция между скоростью вашего сайта и доходом была показана снова и снова. Улучшение производительности вашего сайта — это самый простой способ увеличить количество просмотров страниц, конверсий и продаж. Например, Yahoo обнаружила, что увеличение скорости их сайта на 400 мс увеличило количество просмотров страниц на 9%.Firefox сократил среднее время загрузки страницы на 2,2 секунды и увеличил конверсию загрузки на 15,4%. Shopzilla сократила время загрузки с 7 до 2 секунд и увеличила количество просмотров страниц на 25%, а доход на 7-12%.

    Google уже много лет выступает за ускорение Интернета. Он не только стал известен как самая быстрая поисковая система, но и поощряет другие сайты быть быстрыми, используя скорость сайта в своем рейтинге веб-поиска. Google также выпустил множество инструментов, помогающих владельцам веб-сайтов измерять и повышать производительность своих сайтов.Google выпустил плагины Page Speed ​​для Firefox и Chrome и включил данные о производительности в свои инструменты для веб-мастеров. Буквально вчера Стив Содерс анонсировал HTTPArchive, который хранит архив того, как создаются лучшие веб-сайты, и отслеживает их рейтинг производительности с течением времени. Данные записываются с использованием реальных браузеров, поэтому архив является точным представлением опыта реальных посетителей. Производительность, очевидно, является приоритетом для Google, и это то, что мы все ценим. Венчурный капиталист Фред Уилсон даже называет скорость «основной характеристикой стартапов».

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

    У меня не было под рукой ноутбука, и я уже собирался сдаться, но тут вспомнил о Page Speed ​​Online.Со своего мобильного телефона я смог запустить его сайт через Page Speed ​​Online и дать ему определенные исправления производительности. Кроме того, были предложения для мобильных устройств. Page Speed ​​Online обеспечивает анализ производительности любого веб-сайта для настольных и мобильных устройств из любого веб-клиента.

    Я также поговорил с техническим руководителем Page Speed ​​Online Брайаном Маккуэйдом и спросил его, что будет дальше с сервисом. Он говорит:

    В будущем мы планируем добавить еще больше анализа для мобильных устройств в SDK Page Speed ​​с открытым исходным кодом, который поддерживает Page Speed ​​Online, наши расширения браузера Page Speed ​​и используется WebPagetest и другими сайтами.

Leave a Reply