Содержание

20 инструментов для проверки скорости загрузки страниц сайта — Сервисы на vc.ru

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

60 734 просмотров

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

79% клиентов, кто был недоволен работой сайта, говорят, что они реже покупают с того же сайта снова, по данным компании Skilled.co.

64% ожидают, что страницы будут загружаться меньше четырёх секунд.

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

Одна секунда задержки загрузки страницы = 11% потерянных просмотров страниц.

Сервисы из России

Космический корабль для web-мастеров, SEO-специалистов, копирайтеров и других онлайн-трудяг. Написано скорость сайта, а замеряет скорость ответа сервера.

  • Запущен в июле 2016 года.
  • Один сайт за проверку.

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

  • Запущен в феврале 2015 года.
  • Один сайт за проверку.

Быстрая проверка скорости сайта от компании «Русоникс».

  • Запущен в октябре 2012 года.
  • Один сайт = одна проверка + продажа хостинга.
  • Проверки из России.

Проверка через сервис PageSpeed Insight. Все данные через него. Данные могут быть неточными.

Сервисы из США

Сервера у них тоже, как правило, с проверками и замерами из США.

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

  • Запущен 5 мая 2012 года.
  • Проверки с серверов в Европе.
  • Версия от 2019 года Think With Google.

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

  • Запущен 20 июля 2006 года.
  • Проверки из США и Европы.

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

  • Запущен 2 апреля 2009 года.
  • Проверки из США.

  • Запустились ребята в 2015 году.
  • Юзабилити и дизайн устаревшие. Пользоваться сложновато. Проверки из США.

Кажется, это единственный сервис, через который можно узнать, сколько будет загружаться сайт через соединение со скоростью интернета в 14,4K. Например, сайт vc.ru на такой скорости будет загружаться 22 минуты.

  • Запущен в апреле 2003 года, не обновлялся с 2008 года.

Тест из 25 стран за раз. Тест скорости проходит сразу два раза: без кэша и с ним. Сразу замеряет PageSpeed. Дизайн скромный. Часто зависает при замере скорости из Шанхая.

  • Запущен 7 ноября 2014 года.

Сервисы из других стран

Сервисы проверки скорости загрузки сайта из разных уголков мира. Где только не создают эти инструменты!

Эти ребята сделали невозможное. Сервис удобен. Задизайнен. Быстр. Замер параметра PageSpeed не обновлен и снимает по старому алгоритму до ноября 2018 года.

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

  • Сделан в Канаде, запустился 4 февраля 2010 года.
  • Серверов в России нет.

DDoS-проверка вашего сайта. Как будет меняться время скорости загрузки при резко растущей посещаемости? Проверяйте, это важно понимать.

  • Сделан в Швеции, запущен 10 декабря 2008 года.
  • 50 тестов бесплатно.

Проверка скорости загрузки из семи стран. Сервис запустил пакистанец — с фирмой в Лондоне. Из функций только проверки.

  • Сделан в Лондоне, запущен 28 июля 2014 года.

Добротный сервис. Создает видео загрузки. Ватерфол. Сканирует скрипты. HTTP/2-готовность. Ошибки браузера. Выдает индекс скорости сайта. Графично, функционально. Молодцы!

  • Сделан во Франции, запущен 8 февраля 2014 года.

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

  • Сделан в Нидерландах, запущено 7 апреля 2015 года.

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

  • Сделан в Нидерландах, запущен 4 декабря 2014 года.

Проверка на SEO, адаптив, скорость загрузки. Некий Patrick Sexton пишет, что сделал этот сервис бесплатным для того, чтобы сделать мир лучше. Класс!

  • Сделано на Филиппинах, запущен 14 августа 2015 года.

Проверка скорости загрузки и еще несколько проверяльщиков, в том числе HTTP/2. Проверка из 14 стран. Продают услуги.

  • Сделан в Швейцарии, запущен 3 апреля 2015 года.

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

  • Сделан в Индии, запущен 18 июня 2007 года.

Довольно странный сервис. Замеряет скорость сайта на модемах.

  • Сделан в Лондоне, запущен 6 ноября 2018 года.

Зачем ускорять скорость загрузки сайтов

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

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

На подходе статья с обзором удивительных инсайтов о веб-студиях из «Рейтинга рунета».

Speedtest CLI — Измерение показателей интернет-соединения для разработчиков

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

Speedtest CLI позволяет использовать надежные технологии и глобальную серверную сеть Speedtest с помощью командной строки. Speedtest CLI — это первое официальное встроенное в Linux приложение Speedtest на платформе Ookla®. Оно предназначено для разработчиков ПО, системных администраторов и просто любителей компьютерных технологий. 

Speedtest CLI позволяет:

  • измерять такие показатели интернет-соединения, как скорость загрузки и передачи, потеря пакетов и задержка, без использования веб-браузера;
  • тестировать интернет-соединение настольных компьютеров с ОС Linux, удаленных серверов или даже менее мощных устройств, таких как Raspberry Pi® , с помощью Speedtest Server Network™;
  • настраивать автоматизированные сценарии для сбора данных о показателях соединения, включая тенденции за определенные периоды времени;
  • использовать Speedtest в ваших программах, применяя для этого язык программирования по вашему выбору;
  • просматривать результаты тестов в формате CSV, JSONL или JSON.

Варианты установки

macOSUbuntu/DebianFedora/Centos/RedhatFreeBSD

brew tap teamookla/speedtestbrew updatebrew install speedtest --force
curl -s https://install.speedtest.net/app/cli/install.deb.sh | sudo bashsudo apt-get install speedtest
curl -s https://install.speedtest.net/app/cli/install.rpm.sh | sudo bashsudo yum install speedtest
sudo pkg update && sudo pkg install -g libidn2 ca_root_nsssudo pkg add "https://install.speedtest.net/app/cli/ookla-speedtest-1.0.0-freebsd.pkg"

Загрузка Speedtest CLI

Speedtest CLI поддерживается командой специалистов Ookla. Если вам потребуется помощь, отправьте запрос на адрес [email protected] 

macOS

Загрузка для macOS

установка с помощью файла brew гарантирует, что у вас всегда будет актуальная версия Speedtest CLI. Файл brew необходимо обновлять как можно чаще.

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

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

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

Короткий перечень сервисов без подробностей:

Дальше — разбираем особенности каждого из этих инструментов.


  1. Google PageSpeed Insights

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

В 2018 году этот сервис глобально обновился. Новый интерфейс выглядит так:

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

  • Повысились планки метрик: быстрой веб-площадкой теперь может считаться та, которая получает показатель от 90 до 100 баллов. Раньше для максимальной оценки достаточно было 80.

    Итоговое количество баллов складывается из оценок скорости работы веб-портала. Скорость здесь — свойство многослойное, и потому она анализируется по нескольким временным характеристикам.
  • Появился отчет «Данные наблюдений»: он будет доступен, если по сайту достаточно статистических данных. Похожий отчет в этом сервисе был и раньше, от него осталась одна из характеристик по источнику — «Первая отрисовка контента», которая оценивает время до того момента, когда на экране пользователя появляется контент страницы. Новая метрика здесь — «Первая задержка ввода»: она отображает время между первым взаимодействием пользователя с веб-ресурсом и ответом страницы на это действие.
  • Новый раздел «Имитация загрузки страницы»: сервис имитирует загрузку страницы в условиях 3G и оценивает ряд параметров. Эти параметры принципиально меняют оценку сайта:

    • время загрузки первого контента — когда браузер начал отображать первый элемент на странице;
    • индекс скорости загрузки — время, по истечении которого весь контент страницы становится доступен для просмотра;
    • время загрузки для взаимодействия — за какое время страница полностью прогружается для взаимодействия пользователя;
    • время загрузки достаточной части контента — когда становится виден основное содержимое сайта;
    • время окончания работы ЦП (центрального процессора) — показатель серверных настроек: время, за которое основной поток страницы разгружен, чтобы обрабатывать пользовательские команды ручного ввода;
    • максимальная потенциальная задержка FID — период в миллисекундах, который занимает ответ страницы на действия пользователя.
  • Разделы «Оптимизация» и «Диагностика»: перечень работ, которые сервис предлагает провести на сайте, чтобы улучшить показатели.

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

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

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


  1. Pingdom Tools

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

Сервис оценивает скорость загрузки в миллисекундах и дает общие рекомендации.

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

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

Проверять ресурс можно, имитируя обращения к серверу из разных стран (Япония, Германия, Великобритания, США, Австралия и Бразилия).


  1. Gtmetrix.com

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

Тестовый запрос производится из канадского Ванкувера.

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

Есть платная версия с бо́льшим количеством функций и расширений.


  1. Uptrends.com

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

Так же, как и Gtmetrix, показывает в том числе оценку от Google PageSpeed Insights:

Анализирует содержимое веб-ресурса и отображает сведения в виде графиков и таблиц:


  1. PR-CY

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

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

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


  1. Web Page Test

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

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

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


  1. Sitespeed

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

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

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


  1. Load Impact

Завершает хит-парад хардкорный Load Impact — один из самых требовательных сервисов проверки скорости загрузки веб-ресурса. Тест этого сервиса по сути проводится по принципу DDOS-атаки. На сайт производится симуляция больше сотни активных соединений и несколько десятков обращений от пользователей.

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

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

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

Скорость загрузки сайта – как проверить и увеличить скорость загрузки страниц

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

Как ускорить работу сайта и привлечь больше клиентов?

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

Что влияет на скорость загрузки страницы?

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

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

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

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

Что происходит на сервере?

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

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

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

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

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

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

Что происходит на стороне браузера?

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

Помимо HTML-кода, браузеру нужны два других типа данных / файлов. Они будут

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

Браузер получает три типа исходного кода, которые необходимо преобразовать в внешний вид и функциональность веб-сайта (HTML, CSS, JS). Только когда это будет сделано, страница загрузится в браузере. Однако между тем, что происходит на сервере, есть важное различие. Браузер интерпретирует код последовательно, что означает, что код может быть частично загружен.

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

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

Действительно ли скорость страницы влияет на позиции в Google?

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

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

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

Почему стоит инвестировать в ускорение работы сайта?

У быстрого сайта есть еще много преимуществ. Ниже приведены некоторые из самых важных:

Ваши клиенты не нервничают

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

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

Вы уменьшаете показатель отказов

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

Посмотрите, как распределяется риск отката (выходов со страницы без взаимодействия) в зависимости от скорости загрузки страницы:

  • 1с — 3с — вероятность отскока увеличивается на 32%,
  • 1 с — 5 с — вероятность отскока увеличивается на 90%,
  • 1с — 6с — вероятность отскока увеличивается на 106%,
  • 1с — 10с — вероятность отскока увеличивается на 123%,

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

Вы увеличиваете конверсию / скорость продаж

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

За границей этот факт очевиден. Посмотрите, как быстро работает сайт Amazon, который считается самым быстрым сайтом в электронной коммерции.

Как проверить скорость: сервисы и их возможности

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

Google PageSpeed Insights

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

Основные возможности инструмента:

  • демонстрирует оценку скорости по стобалльной шкале. Минимальный показатель хорошей загрузки — 90%;
  • формирует отчет, который показывает скорость загрузки контента, отображает время между запросом и ответом страницы;
  • имеет раздел «Имитация загрузки». Он проверяет скорость отображения в условиях 3G-соединения;
  • предоставляет рекомендации по оптимизации страниц с указанием времени, которое можно сократить.

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

Pingdom Tools

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

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

Web Page Performance Test

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

Load Impact

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

WhichLoadFaster

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

GTmetrix

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

Основные плюсы инструмента GTmetrix:

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

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

Monitis Tools

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

SiteSpeed.me

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

PR-CY

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

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

WebPage Analyzer

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

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

Читайте также

Оптимизация сайта для мобильных устройств

Как ускорить загрузку сайта: эффективные приемы

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

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

Что можно ускорить на стороне сервера?

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

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

Помимо серверной версии PHP, вы можете сделать еще несколько вещей:

Использовать сжатие без потерь

Сжатие без потерь — это способ «упаковки» данных на время передачи между сервером и браузером. Самыми популярными инструментами, которые справляются с этим, являются модули Apache (серверное программное обеспечение): GZIP и deflate.

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

Оптимизируйте свой PHP-код

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

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

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

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

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

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

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

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

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

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

Что можно ускорить в браузере?

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

Включить кеширование на стороне браузера

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

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

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

Как включить кеширование на стороне браузера?

Для этого вам нужно снова отредактировать файл .htaccess на сервере. Этот файл содержит инструкции не только для самого сервера, но и для браузеров, которые загружают данные с этого сервера. Добавьте в конец файла следующий код:

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

Оптимизируйте свою графику

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

Во-первых, размер графики

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

В среднем экран ноутбука имеет ширину примерно 1300-1400 пикселей. Обычно страницы должны иметь ширину 1200 или 1440 пикселей. Почему файлы большего размера? Даже если вы используете разрешение 1080 (широкий), такая фотография будет очень хорошо смотреться на сайте, добавлять графику большего размера нет смысла.

Фотография размером 20 МБ может быть уменьшена до 0,5 МБ без потери качества. Выиграют все, пользователь, сервер и перевод. Подумайте, как ваш сайт может ускориться, если у вас сейчас больше десятка таких фотографий. Есть страницы размером даже в десятки мегабайт, просто ограничение размера фотографий может уменьшить их размер до нескольких мегабайт.

Во-вторых, правильное использование графики

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

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

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

В-третьих, соответствующий графический формат

Существует множество графических форматов, наиболее популярными из которых являются JPG, PNG и SVG. Каждый из них подходит для немного разных графических элементов.

  • JPG оптимизирован для фотографий. Файлы JPG представляют собой растровые файлы с потерями, что означает, что они теряют небольшой объем информации при каждом сохранении файла JPG. Файлы JPG работают со сжатием цвета, поэтому они отлично подходят для фотографий. Уменьшение размера файла снижает качество изображения.
  • PNG был разработан для использования в Интернете и является наиболее широко используемым форматом сжатия изображений в Интернете. Формат PNG представляет собой растровую графику и был введен как усовершенствование формата GIF. Файлы PNG хорошо работают с графическими изображениями, созданными для Интернета. К сожалению, они могут привести к очень большим размерам файлов. Большим преимуществом PNG является то, что он поддерживает альфа-канал, что означает, что их фон может быть прозрачным.
  • SVG — это векторная графика, которая также поддерживает анимацию. Векторная графика отлично подходит, например, для логотипов и других геометрических фигур. Файлы SVG не состоят из пикселей и могут бесконечно масштабироваться без потери качества или увеличения размера файла. Файлы SVG — лучший вариант для создания значков и штриховых рисунков для дисплеев с высоким разрешением.

Стоит придерживаться вышеуказанного использования, это поможет вам сэкономить больше килобайт данных. Например, большая фотография, сохраненная в формате PNG, может занять несколько мегабайт, в то время как сохранение ее в формате JPG уменьшит размер до 0,5 мегабайта — помните об этом!

В-четвертых, Lazy Load

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

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

Оптимизация файлов CSS и JS

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

Уменьшите код

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

Объедините файлы CSS и JS

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

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

Общее количество файлов можно организовать уже на этапе реализации веб-сайта (это должен сделать разработчик).

Загружайте файлы CSS / JS как можно позже

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

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

Оптимизируйте качество вашего кода CSS / JS

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

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

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

Выводы

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

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

КОМПЛЕКСНЫЙ АУДИТ САЙТА

Профессиональный комплексный аудит сайта — глобальный анализ вашего проекта ✔ Подробный отчет с перечнем ошибок и рекомендаций для улучшения ✔ Увеличение конверсий

Получить консультацию

Наш менеджер свяжется с Вами в ближайшее время

Отправить заявку

Стоит ли измерять скорость сайта в PageSpeed Insights?

Партнерский материал от хостинга Reddock.

Владельцы сайтов часто переживают из-за низких оценок Google PageSpeed Insights (PSI). Многие буквально одержимы показателем в 100 баллов. Информационные сообщества дарят надежду на повышение позиции сайта в поисковой выдаче и увеличение в разы скорости сайта, если следовать рекомендациям. Нас тоже волнует скорость загрузки страниц, но не результаты PSI.

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

Что такое PageSpeed Insights 

PageSpeed Insights входит в набор сервисов Speed Tools от Google. Он анализирует веб-страницы, выявляет их слабые места и предлагает решение для ускорения загрузки страниц. Удобен и прост в применении. Система рассчитывает не скорость загрузки страницы сайта, а оценку показателей, которые могут влиять на нее.

Для проверки веб-страницы перейдите в PageSpeed Insights и введите в поле URL-адрес страницы для анализа. Инструмент анализирует не работу сайта в целом, а отдельной страницы на нем.

Вы получите 2 результата анализа — для мобильных устройств и десктопов. Максимальный балл — 100. Всего три уровня показателя:

  • низкий, до 49 баллов,
  • средний, от 50 до 89 баллов,
  • высокий, от 90 до 100 баллов.
Ранее баллы рассчитывались по-другому: после обновлений платформы пороговые значения показателей увеличились. Уже в этом году PageSpeed Insights перейдет с 5 на 6 версию Lighthouse. Lighthouse — это инструмент, который анализирует время загрузки, доступность и поисковую оптимизацию веб-страниц.

В шестой версии появятся новые показатели для измерений, а старые уменьшат влияние на общую оценку. Уже сейчас на сайте Loading.Express можно узнать показатели сайта на Lighthouse 6 версии.

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

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

В каких случаях PageSpeed Insights имеет значение

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

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

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

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

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

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

Также исправление ошибок может не влиять на PSI, потому что:

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

Заключение

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

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

Реальная цель тестирования эффективности вашего сайта с помощью Google PageSpeed Insights не состоит в достижении высоких результатов. Вместо этого нужно найти проблемные места на вашем сайте, чтобы вы могли оптимизировать их и сократить как фактическое, так и предполагаемое время загрузки.
Полезные материалы от хостинга Reddock для владельцев сайтов:
Старайтесь всегда быть начеку: улучшайте и оптимизируйте сайт, применяйте полезные инструменты в работе с хостингом и заботьтесь о времяпровождении пользователей. Желаем бесперебойной работы вашему онлайн-проекту!

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

Скорость сайта —

От скорости сайта зависит положение сайта в поисковой выдачи. В этом разделе собраны сервисы для измерения и повышения скорости сайта.

GiftOfSpeed

Отличный сервис анализа скорости загрузки сайта с встроенными инструментами лечения.

Google PageSpeed

PageSpeed Insights анализирует содержимое веб-страницы, а затем генерирует предложения, чтобы сделать эту страницу быстрее

GTmetrix

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

Monitis

Анализирует загрузку сайта с разных участков Земли — серверы в США, Европе и Азии. Отображает сводную статистику по каждому тесту.

Ping Test

Сервис Пинга из 20 мест по миру.

Pingdom

Может быть использован для анализа скорости загрузки вашего сайта

Sitespeed

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

Varvy Speed

Проверка скорости сайта по рекомендациям Google.

Web Page Analyzer

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

Web Page Test

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

Айри

Ускорение и защита сайта от DDoS.

1С-Битрикс — Новинки в Адаптивном сайте агентства недвижимости

0

Компания «Цитрус»

04.02.202112:4904.02.2021 12:49:19

Продажи за рубежом.

Адаптивный сайт агентства недвижимости и другие решения Компании Цитрус используются за пределами России, а часть клиентов ориентированы на продажи за рубежом. Поэтому для всех наших решений на маркетплейсе — добавлена возможность выбора кода страны для полей с номером телефона. [spoiler]

Групповые действия.

Ранее функционал групповых действий работал только в административной части сайта, совсем недавно мы реализовали данный функционал в личном кабинете на сайте и приложении АСАН24. Это позволяет менеджерам быстрее производить изменения в объявлениях:
— пакетная публикация/снятие с публикации объявлений на сайте
— пакетное включение/выключение объявлений в отдельные фиды
— пакетная установка значений свойств

Увеличенная скорость загрузки

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

  1. Установите версию 1.10.0 или выше модуля Современный адаптивный сайт агентства недвижимостиПосле установки обновлений запустите мастер настройки решения с переустановкой и обновлением файлов шаблона сайта и публичной части.
  2. Очистите все файлы кеша на странице Настройки → Настройки продукта → Автокеширование, вкладка Очистка файлов кеша
  3. В настройках главного модуля отметьте все галочки в разделе Оптимизация CSS
  4. В настройках 1С-Битрикс включите Композит или Автокомпозит на странице Настройки → Настройки продукта → Композитный сайт
    Решение подготовлено к работе в любом из режимов: ручном или автоматическом. Подробности в документации: Технология Композитный сайт.

    После включения проверьте работу композита в публичной части сайта по наличию кнопки Быстро с 1С-Битрикс или с помощью Bitrix Composite Notifier.

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

О PageSpeed ​​Insights | Разработчики Google

PageSpeed ​​Insights (PSI) сообщает об эффективности страницы как на мобильных устройствах, так и на компьютерах. устройств и предлагает варианты улучшения этой страницы.

PSI предоставляет лабораторные и полевые данные о странице. Лабораторные данные полезны для отладки проблемы с производительностью, так как он собирается в контролируемой среде. Однако это не может выявить узкие места в реальном мире.Полевые данные полезны для фиксации реальных, реальных пользователей. опыт, но имеет более ограниченный набор показателей. Смотрите, как думать About Speed ​​Tools для получения дополнительной информации о 2 типах данных.

Оценка производительности

В верхней части отчета PSI предоставляет оценку, которая обобщает производительность страницы. Этот счет определяется запуском Lighthouse для сбора и анализировать лабораторные данные о странице. Оценка 90 или выше считается хорошей.От 50 до 90 — это балл, который требует улучшения, а значение ниже 50 считается плохим.

Реальные полевые данные

Когда PSI получает URL-адрес, он будет искать его в пользовательском интерфейсе Chrome. Набор данных отчета (CrUX). Если возможно, PSI сообщает о первом Contentful Paint (FCP), задержка первого ввода (FID), Самая большая Contentful Paint (LCP) и совокупный макет Данные метрики сдвига (CLS) для источника и, возможно, URL-адреса конкретной страницы.

Хорошая оценка, требуется улучшение, плохая

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

Хорошо Требует улучшения Плохо
FCP [0, 1800 мс] (1800 мс, 3000 мс) более 3000 мс
FID [0, 100 мс] (100 мс, 300 мс) более 300 мс
LCP [0, 2500 мс] (2500 мс, 4000 мс) более 4000 мс
CLS [0, 0.1] (0,1, 0,25] более 0,25

Распределение и выбранные значения метрики

PSI представляет распределение этих показателей, чтобы разработчики могли понять диапазон значений FCP, FID, LCP и CLS для этой страницы или источника. Это распределение также разделены на три категории: хорошие, нуждаются в улучшении и плохие, обозначенные зеленым, оранжевым, и красные полосы. Например, если на оранжевой полосе FCP отображается 14%, это означает, что 14% всех наблюдаемые значения FCP находятся между 1000 мс и 3000 мс.Эти данные представляют собой сводное представление всех загрузок страниц за предыдущий 28-дневный период сбора.

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

Core Web Vitals

Core Web Vitals — это общий набор сигналов, важных для всей сети. опыты.Метрики Core Web Vitals — это FID, LCP и CLS, и их можно агрегировать. на уровне страницы или источника. Для агрегатов с достаточным количеством данных по всем трем показателей, агрегирование проходит оценку Core Web Vitals, если 75-й процентиль все три показателя хороши. В противном случае агрегирование не проходит оценку. Если в агрегации недостаточно данных для FID, она пройдет оценку, если оба 75-й процентили LCP и CLS — хорошие.Если у LCP или CLS недостаточно данных, агрегирование на уровне страницы или источника не может быть оценено.

Различия между полевыми данными в PSI и CrUX

Разница между полевыми данными в PSI и отчетом о пользовательском опыте Chrome на BigQuery заключается в том, что данные PSI обновляются ежедневно за последний 28-дневный период. Данные установлены на BigQuery обновляется только ежемесячно.

Лабораторные данные

PSI использует Lighthouse для анализа заданного URL-адреса и генерирует оценку производительности, оценивающую эффективность страницы по разным показателям, в том числе по следующим параметрам: Первый содержательный Краска, Самая большая содержательная краска, Скорость Индекс, совокупный сдвиг макета, время до Интерактивное и общее время блокировки.

Каждый показатель оценивается и обозначается значком:

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

Аудит

Lighthouse делит свои проверки на три части:

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

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

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

В настоящее время Lighthouse моделирует загрузку страницы на устройстве среднего уровня (Moto G4) на Мобильная сеть.

Почему полевые и лабораторные данные иногда противоречат друг другу?

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

Почему для всех показателей выбран 75-й процентиль?

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

Почему FCP в v4 и v5 имеет разные значения?

FCP в версии 5 сообщает о 75-м процентиле (по состоянию на 4 ноября 2019 г.), ранее это был 90-й процентиль.В версии 4 FCP сообщает медианное значение (50-й процентиль).

Почему у FID в v5 разные значения?

FID сообщает о 75-м процентиле (по состоянию на 27 мая 2020 г.), ранее это был 95-й процентиль.

Какова хорошая оценка лабораторных данных?

Любой зеленый результат (90+) считается хорошим.

Почему оценка производительности меняется от запуска к запуску? Я на своей странице ничего не менял!

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

Почему данные о скорости в реальном отчете об опыте пользователя Chrome недоступны для URL-адреса?

В отчете Chrome User Experience Report собраны реальные данные о скорости из включенные пользователи и требует, чтобы URL-адрес был общедоступным (сканирование и индексирование) и иметь достаточное количество отдельных образцов, обеспечивающих репрезентативное анонимное представление производительности URL.

Почему данные о скорости в реальном отчете о пользовательском опыте Chrome недоступны для источника?

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

Еще вопросы?

Если у вас есть конкретный и ответственный вопрос об использовании PageSpeed ​​Insights, задайте свой вопрос на английском в Stack Overflow.

Если у вас есть общие отзывы или вопросы о PageSpeed ​​Insights, или вы хотите начать общее обсуждение, начните ветку в списке рассылки.

Обратная связь

Была ли эта страница полезной?

да Большой! Спасибо за ваш отзыв!Если у вас есть конкретный вопрос, на который можно ответить, об использовании PageSpeed ​​Insights, задать вопрос на английском в стеке Переполнение. Чтобы задать общие вопросы, отзывы и обсуждения, начните обсуждение в список рассылки. Нет Жаль это слышать. Если у вас есть конкретный вопрос, на который можно ответить, об использовании PageSpeed ​​Insights, задать вопрос на английском в стеке Переполнение. Чтобы задать общие вопросы, отзывы и обсуждения, начните обсуждение в список рассылки. Цена

GTmetrix PRO | GTmetrix

Что такое слот для мониторинга?

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

Например, мониторинг следующего:

  • https://example.com (Ванкувер, Канада, Chrome, Unthrottled)
  • https://example.com (Сан-Антонио, Техас, США, имитация iPhone 6 / 6S / 7/8, LTE)
  • https://example.com (Лондон, Великобритания, Chrome @ 1366×768, высокоскоростной широкополосный доступ)
  • https://anotherdomain.com (Сан-Антонио, США, Chrome @ 1366×768, высокоскоростной широкополосный доступ)

Потребуется 4 слотов мониторинга.

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

Вам нужно больше слотов для мониторинга, чем предлагают наши планы? Свяжитесь с нами для индивидуального плана!

Сколько мне нужно отслеживаемых слотов?

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

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

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

С какой периодичностью я должен отслеживать свои страницы?

Частота тестов GTmetrix при мониторинге ваших страниц зависит от того, как критически важна производительность вашего веб-сайта для вас и / или вашего посетители.

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

Прочтите нашу статью о том, как определить частоту мониторинга.

Что такое тест по требованию?

Тестовый запуск из вашей панели GTmetrix Dashboard или повторные тесты, выполненные из Отчет GTmetrix считается тестом по запросу.

После того, как вы достигнете предела тестирования по требованию, последующие тесты будут скорость ограничена.

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

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

Wow — План GTmetrix Basic / Free имеет множество функций! Почему?

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

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

Конечно, если вам нужно больше функций GTmetrix, таких как отслеживаемые слоты, Премиум-локации и / или мобильное тестирование, обновите до PRO, чтобы получить полную Опыт GTmetrix!

У вас есть пробная версия?

Вы действительно можете почувствовать большинство GTmetrix функциональность с нашей базовой (бесплатной) учетной записью.

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

Конечно, если вам все еще нужна пробная версия PRO, свяжитесь с нами и давай переписываться.

Какие способы оплаты принимает GTmetrix?

Мы принимаем карты Visa, Mastercard, American Express, Discover, Diners Club и JCB.

Мы также принимаем PayPal, банковские / банковские переводы, чеки и покупки. Заказы, но поскольку мы обрабатываем эти платежи вручную, нам требуется минимум годового плана Champion.

Могу ли я переключить свой тарифный план с ежемесячного на годовой? (или наоборот)

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

Что делать, если я хочу повысить или понизить свой тарифный план в середине срока?

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

Что делать, если я хочу отменить свой тарифный план?

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

Предлагаете ли вы возврат?

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

Page Speed ​​- 2021 Web Best Practices

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

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

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

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

Лучшие методы SEO

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

Важность скорости загрузки сайта в 2018 году

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

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

Давайте разберемся, насколько скорость сайта влияет на несколько цифровых каналов.

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

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

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

Связанные : Повысьте скорость веб-сайта с помощью этих 5 советов

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

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

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

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

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

При использовании PPC и скорости сайта все сводится к оплате наиболее доступной и рентабельной ставки за ваши ключевые слова, которая определяется вашим показателем качества.Для платных СМИ показатель качества — это в основном то, насколько Google находит целевую страницу вашего веб-сайта релевантной поисковому запросу, который учитывает пользовательский опыт, исходя из того, что человек перешел на вашу страницу по определенному ключевому слову. В конечном итоге медленная скорость сайта будет казаться Google неудовлетворительной для пользователей и, в свою очередь, снизит ваш показатель качества.

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

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

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

Влияние скорости загрузки сайта на социальную рекламу

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

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

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

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

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

Связанные : Разработка веб-сайтов с учетом маркетинга

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

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

Что это означает для вашего веб-сайта

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

Сравнение скорости вашего сайта

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

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

Оценка общего опыта пользователей веб-сайта

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

  • Навигация началась успешно? Сервер ответил?
  • Достаточно ли обработанного контента, с которым пользователи могут взаимодействовать?
  • Могут ли пользователи взаимодействовать со страницей или она все еще загружается?
  • Являются ли взаимодействия плавными, естественными и без задержек?

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

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

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

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

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

Наш процесс

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

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

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

После оптимизации дизайна и времени отклика сервера, двух малоизвестных плодов, мы работаем над , обеспечивающим сжатие . Большие страницы, которые мы обнаруживаем, когда клиенты создают высококачественный контент (высококачественный контент — это цель!), Часто имеют размер 100 КБ и более, что означает, что они громоздкие и медленно загружаются.Возможно, вы создаете потрясающий длинный контент, но это может замедлить время загрузки, если не будет должным образом оптимизировано. Лучший способ ускорить загрузку этих больших страниц — заархивировать их, иначе известное как сжатие. Сжатие снижает пропускную способность ваших страниц, тем самым уменьшая HTTP-ответ и сокращая время загрузки страницы. Мы используем инструмент под названием Gzip для запуска этого процесса.

После включения сжатия мы переходим к включению кеширования браузера. Когда вы посещаете веб-сайт, элементы на странице, которую вы посещаете, сохраняются на вашем жестком диске в кеше, также известном как временное хранилище, поэтому при следующем посещении сайта ваш браузер может загрузить всю страницу без необходимости отправлять HTTP-запрос к серверу.Это экономит время для связи страницы с сервером для загрузки, поскольку она уже хранится как память. Удивительно, 40-60 процентов ежедневных посетителей веб-сайтов приходят с пустым кешем, а это означает, что при последующих посещениях существует огромная возможность загружаться быстрее. Да, у вас должна быть высокая скорость загрузки сайта при первом посещении посетителя, но следующие посещения могут загружаться еще быстрее, если вы включите кеширование.

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

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

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

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

Вес других марок

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

Мери Чобанян

Контент-продюсер и менеджер по связям с общественностью по телефону SEMrush — крупный комплексный пакет для SEO и цифрового маркетинга, который мы используем в Power Digital

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

Джордан Харлинг

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

«Люди сейчас нетерпеливы.За наше внимание постоянно ведется конкуренция — социальные сети, смартфоны, Netflix, — что мы можем получить мгновенный доступ. Так что ожидание загрузки веб-сайта даже на несколько секунд кажется вечностью, это может привести к срыву людей. Эта небольшая задержка во времени загрузки влияет не только на настроение людей и их восприятие вашей компании, но и на ваше SEO. В связи с продолжающейся тенденцией к просмотру веб-сайтов пользователями мобильных устройств и растущей настойчивостью Google в использовании быстрых веб-сайтов для повышения рейтинга поисковых систем, быстро загружаемые веб-сайты стали необходимостью.Если людям приходится сидеть и ждать, пока загрузится ваш сайт, скорее всего, они устанут и переключатся на ваших конкурентов. Это проблема не только для SEO, это также влияет на коэффициент конверсии. Двухсекундная задержка — все, что нужно, чтобы увеличить количество отказов от оформления заказа до 87%. Это всего две секунды, меньше времени, чем нужно, чтобы прочитать это предложение ».

Мишель Кубот

Директор по маркетингу Центр лечения амброзии

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

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

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

Эндрю Сумитани

Директор по маркетингу в TINYpulse , ведущей платформе взаимодействия с сотрудниками.

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

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

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

Аманда Остин

Основатель Little Shop of Miniatures, интернет-магазина, специализирующегося на кукольных миниатюрах

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

Зная это, мы регулярно тестируем скорость загрузки нашей страницы с помощью Google PageSpeed ​​Insight. Мы всегда хорошо тестировали, но если бы мы этого не делали, мы бы сжимали изображения на нашем сайте, сжимали HTML и следовали всем остальным рекомендациям по скорости загрузки страницы ».

Джонатан Холлоуэй

Директор по цифровой стратегии NoExam.com

«Я работаю в сфере цифрового маркетинга 10 лет. Особенно в последние пять лет я заметил, что скорость сайта становится все более и более важной по мере увеличения числа мобильных пользователей. В последнее время мы работали над повышением скорости работы нашего сайта, комбинируя CSS и javascript, оптимизируя изображения и перемещая javascript ниже содержимого главной страницы. Результатом стало более быстрое время загрузки и повышение коэффициента конверсии для мобильных пользователей. Это привело к увеличению доходов без увеличения расходов на рекламные каналы.Для нашего бренда важно иметь высокую скорость загрузки сайта, поскольку мы тратим много денег на платный трафик, а повышенный коэффициент конверсии позволяет нам конкурировать с более крупными конкурентами ».

Бретт Хеллинг

Генеральный директор Ridester

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

Внесенные нами изменения, которые повысили скорость нашего сайта, включают внедрение CDN (мы используем WPengine), очистку нашей базы данных, удаление любых плагинов / тем и т. Д., Которые мы не используем, оптимизацию наших изображений и настройку нашего CSS и javascript. и запускать диагностику скорости сайта с помощью различных инструментов, таких как Google Site Speed, Pingdom и GTmetrix, чтобы мгновенно узнать, есть ли какие-либо проблемы, и сразу же внести изменения для их устранения.

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

Начало работы

К счастью для вас, команда опытных веб-разработчиков Power Digital разработала проверенный, быстрый и экономичный процесс оптимизации скорости загрузки сайтов для брендов по всему миру. Мы можем увидеть 50-процентное или более повышение скорости сайта, а диапазон затрат, который мы можем выполнить от А до Я, составляет от 1500 до 12000 долларов для этого типа проекта, в зависимости от размера вашего сайта. Свяжитесь с нами, чтобы получить расценки и помочь нам вывести ваш бизнес на новый уровень, начиная с одного из самых значительных обновлений, которые вы можете сделать в 2018 году.

Скорость

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

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

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

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

Увеличьте скорость загрузки страниц с помощью полевых данных Google PageSpeed ​​Insights

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

1.

Первая насыщенная краска (FCP)

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

2.

Краска с наибольшим содержанием (LCP)

LCP — это метрика Google, которая измеряет время, необходимое для загрузки самого большого объема информации на странице. Google использует LCP как фактор ранжирования страниц.

3.

Накопительное смещение макета (CLS)

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

4.

Задержка первого входа (FID)

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

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

лабораторных данных для увеличения скорости страницы

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

1.

Индекс скорости (SI)

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

2.

Время до взаимодействия (TTI)

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

3.

Общее время блокировки (TBT)

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

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

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

1. Улучшение взаимодействия с пользователем за счет увеличения скорости веб-сайта

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

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

2. Увеличьте количество просмотров страниц

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

3.

Увеличение конверсии

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

Мы посчитали. Если ваш сайт электронной коммерции зарабатывает 10 000 долларов в день, задержка страницы в одну секунду может стоить 2,5 миллиона долларов в год.

4.

Более низкий показатель отказов

Согласно Think with Google, когда время загрузки вашей страницы увеличивается с одной до трех секунд, вероятность отказов увеличивается на 32 процента. Если он увеличивается с одной до пяти секунд, эта вероятность увеличивается на 90 процентов.

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

8 способов увеличить скорость страницы

Чтобы определить текущую скорость загрузки страницы, протестируйте свой сайт с помощью такого инструмента, как Google PageSpeed ​​Insights.

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

Когда это будет сделано, вы получите следующий общий балл.

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

  1. проведение A / B-тестов
  2. изменение рекламы на вашей странице
  3. изменение маршрутизации интернет-трафика
  4. тестирование на различных устройствах, таких как высокопроизводительный настольный компьютер и низкопроизводительный ноутбук
  5. расширения браузера, которые внедряют JavaScript, который может добавлять или изменять сетевые запросы
  6. антивирусное программное обеспечение

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

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

1. Лимит переадресации

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

2. Включите косую черту в конце

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

Итак, вместо www.neilpatel.com/ubersuggest ваш URL должен быть www.neilpatel.com/ubersuggest/.

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

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

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

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

Сжатие изображения уменьшает размер файла и отображается в килобайтах и ​​мегабайтах. Как правило, высококачественные изображения можно сжимать от 60% до 80%. У вас никогда не должно быть изображения больше 1 МБ.

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

4. Используйте сеть доставки контента (CDN)

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

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

5. Плагины ограничения и дополнительные элементы страницы

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

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

6. Минимизируйте свой HTML или CSS

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

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

  • Компрессор YUI от Yahoo! для CSS
  • Google Closure Compiler для JavaScript
  • Microsoft Ajax Minifier для CSS
  • HTMLMinifier для HTML

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

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

8. Тщательно выбирайте веб-хостинга

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

Вы можете выбрать один из четырех видов услуг веб-хостинга:

  • Общий хостинг: На одном сервере размещается несколько небольших сайтов. Цена на общий хостинг невысока, но рост трафика на любые другие размещенные сайты может замедлить ваш.
  • Хостинг VPS: На виртуальном частном сервере, или VPS, размещается множество сайтов, но на каждом сайте есть виртуальное «место», предназначенное только для них. Поскольку он виртуальный, он дает вам больше ресурсов, потенциально снижая риск проблем со скоростью сайта, связанных с трафиком.
  • Хостинг выделенного сервера: Один сайт размещается на одном сервере. Хотя он и дороже, он помогает снизить или исключить риск потери скорости сайта из-за скачков трафика с других сайтов.
  • Облачный хостинг: Веб-сайты размещаются в сети виртуальных и физических серверов, которые предлагают больше ресурсов и большую гибкость.Если вы внезапно получите всплеск трафика, виртуальный хост будет масштабироваться, чтобы справиться с этим.

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

Заключение

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

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

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

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

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.

Заказать звонок

Как набрать 100% очков в Google PageSpeed ​​Insights

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

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

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

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

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

Но ускорить работу вашего сайта — непростая задача.

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

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

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

Google закроет ваш сайт, если вы этого не сделаете.

Если вы запустите свой веб-сайт через Google PageSpeed ​​Insights и обнаружите 100% -ный результат, ваш сайт будет быстрым.

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

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

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

Но, к сожалению, они не дают вам лучших инструкций по достижению 100% результата.

Вот как набрать 100% очков в PageSpeed ​​Insights от Google и почему вам нужно это сделать.

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

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

Если ваш веб-сайт не входит в число 10 лучших обычных страниц, вы не попадете на первую страницу.

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

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

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

Backlinko недавно провела исследование, в ходе которого проанализировала более миллиона страниц результатов поисковой системы (SERP) в Google.

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

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

Все высшие позиции в Google имеют одну и ту же общую черту:

Высокая скорость страниц на своих сайтах.

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

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

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

И эта корреляция была недавно подтверждена и подтверждена новым отраслевым тестом Google PageSpeed ​​.

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

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

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

Но, согласно последнему отчету Google, большинство веб-сайтов работают невероятно медленно во всех отраслях:

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

Между тем, лучший тест — меньше трех секунд.

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

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

Исследование

Backlinko доказало это, а тесты Google еще больше подтверждают данные.

В другом исследовании BigCommerce обнаружила , что коэффициент конверсии для веб-сайтов электронной коммерции в среднем находится в диапазоне 1-2%.

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

Снижение скорости до двух секунд может удвоить ваш трафик и прибыль.

Итак, что вызывает медленную загрузку страницы?

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

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

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

Размер и вес страницы часто измеряются байтами веса страницы. Проще говоря, байты веса страницы показывают общий размер веб-страницы, измеренный в байтах.

Сравнительные данные Google показывают, что наилучшая практика для размера или веса страницы — менее 500 КБ:

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

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

«Что бы ни случилось, быстрее — лучше, а меньше — лучше».

Поскольку 70% страниц имеют размер более 1 МБ, 36% — более 2 МБ и 12% — более 4 МБ, это утверждение имеет большой вес (не каламбур).

Google обнаружил, что страница весом всего 1,49 МБ (сопоставимая со средним размером одного HD-изображения) загружалась на страницу за семь секунд.

В своем исследовании они даже нашли веб-страницу с изображениями, размер каждого изображения которых составлял в среднем 16 МБ.

Google просто говорит нам суровую, но обнадеживающую правду:

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

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

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

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

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

Но это не всегда верно для каждого веб-сайта.

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

Для начала откройте инструмент PageSpeed ​​Insights и введите URL-адрес своего веб-сайта в строку:

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

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

Вот как выглядит мой отчет:

Это 87/100.

Это не здорово. Впрочем, это тоже не страшно.

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

Во-первых, давайте посмотрим на элементы, которые я оптимизировал и усовершенствовал:

Теперь обратите внимание, что в этом списке всего несколько пунктов по сравнению с моим списком «Возможные оптимизации»:

Эта информация говорит мне, что пункты «Возможные оптимизации» немного менее эффективны, чем те, которые я уже оптимизировал.

Но очевидно, что вам нужно будет позаботиться о каждом элементе, чтобы достичь 100% результатов в инструменте Page Speed ​​Insights.

Вам нужно начать с предметов с наивысшим приоритетом (подробнее об этом позже).

Далее мы хотим отдельно протестировать наш мобильный сайт.

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

Перейдите на страницу Test My Site , чтобы попробовать. Введите URL-адрес вашего веб-сайта и нажмите Enter:

.

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

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

Вот как выглядят мои данные:

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

Помните: рекомендуемое время загрузки — три секунды или меньше.

Это означает, что моя скорость не соответствует отраслевым стандартам.

И из-за этого я теряю до 10% посетителей просто из-за низкой скорости!

Вот как выглядит мой мобильный тест, когда я сравниваю его с отраслевыми стандартами:

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

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

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

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

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

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

В следующем разделе я расскажу вам, как исправить пять основных проблем со скоростью страницы, которые помогут вам набрать 100% в инструменте PageSpeed ​​Insights.

4 способа добиться идеального результата PageSpeed ​​

Получить все 100% с помощью инструмента Google PageSpeed ​​Insights — непростая задача.

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

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

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

Вот четыре основных способа ускорить работу вашего сайта и получить 100% результатов с помощью Google.

1. Сожмите изображения

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

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

Одним из лучших методов оптимизации для исправления размера изображения является сжатие.

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

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

Мой любимый плагин — WP Smush Image Сжатие и оптимизация:

WP Smush имеет множество потрясающих функций бесплатно.

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

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

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

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

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

WP Smush — отличный бесплатный инструмент для обычного пользователя WordPress.

Но если вы не используете WordPress, что вы будете делать?

Ну, есть масса других плагинов для разных сайтов. Например, если вы управляете магазином и сайтом на основе Shopify, вы можете использовать Crush.pics :

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

«Оценка PageSpeed ​​до сжатия: 75/100. Оценка PageSpeed ​​после сжатия: 87/100 ”

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

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

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

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

Я уменьшил размер файла на 68% всего за две секунды с помощью Optimizilla.Он уменьшил размер с 380 КБ до 120 КБ практически без разницы в качестве!

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

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

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

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

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

И здесь может помочь кеширование браузера.

Он работает, «запоминая» ранее загруженные ресурсы, поэтому ему не нужно перезагружать их при каждом посещении.

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

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

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

Попробуйте использовать W3 Total Cache для сайтов WordPress. У него более миллиона активных установок, и это самый популярный плагин для кеширования на рынке:

W3 Total Cache утверждает, что может дать вам как минимум , что в 10 раз повысит общую производительность сайта.

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

Этот инструмент также помогает вам минимизировать HTML (который мы рассмотрим далее), JavaScript и CSS, что дает вам до 80% экономии полосы пропускания.

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

3. Сократите HTML-код

Сведение к минимуму места, занимаемого при кодировании HTML, — еще один важный фактор в получении отличной оценки от Google.

Минификация — это процесс удаления или исправления ненужных или дублированных данных без влияния на то, как браузер будет обрабатывать HTML.

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

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

Один из лучших инструментов для этого — HTML Minify :

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

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

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

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

Перейдите на вкладку настроек вашего плагина Minify HTML и включите все следующие настройки:

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

Google PageSpeed ​​Insights рекомендует минимизировать HTML, JavaScript и CSS.

Включите параметры «Уменьшить HTML» + «Встроенный JavaScript».

Затем обязательно выберите «Да» для «Удалить комментарии HTML, JavaScript и CSS».

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

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

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

4. Орудие AMP

AMP — это сокращение от Accelerated Mobile Pages .

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

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

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

Если вы просматриваете Интернет на своем мобильном телефоне, вы, вероятно, нажимали на статью, основанную на AMP.

Вот как они выглядят:

Их часто помещают в раздел «Главные новости» результатов поиска Google, и они загружаются мгновенно.

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

Когда поисковик в Google нажимает на одну из этих статей AMP, он видит следующее содержание:

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

Например, вы можете просто смахнуть влево или вправо , чтобы прочитать следующую статью в последовательности:

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

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

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

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

Тонны компаний используют AMP.

Компания WIRED начала внедрение AMP , чтобы улучшить работу с клиентами.

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

Решение потратить время на AMP оказало огромное влияние на WIRED.

Они увеличили CTR из обычных результатов поиска на 25%.

Они также обнаружили увеличение CTR объявлений в AMP-историях на 63%.

Они также смогли добавить истории AMP к более чем 100 тысячам статей на своем сайте.

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

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

Конверсии тоже увеличились на 50%.

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

Если вы хотите начать использовать AMP на своем сайте, есть несколько способов сделать это.

Если вы знакомы с HTML, вы можете ознакомиться с подробным руководством AMP здесь.

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

Один из самых популярных плагинов — AMP для WP .

Он имеет более 80 000 активных установок и имеет постоянную поддержку и обновления.

Плагин включает в себя конструктор страниц AMP, на который вы можете легко перетаскивать элементы страницы:

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

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

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

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

AMP — проверенный способ ускорить работу вашего мобильного сайта.

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

Часто задаваемые вопросы о Google PageSpeed ​​Insights

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

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

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

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

В каких отраслях самые медленные сайты?

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

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

Оптимальная скорость загрузки страницы — три секунды.

Google PageSpeed ​​Insights

Заключение

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

Каждое изображение, элемент и значок должны быть первоклассными.

Но это часто оставляет вас с веб-сайтом, который работает медленнее, чем лучшие практики, установленные Google.

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

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

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

Чрезвычайно важно, чтобы вы набрали 100% в PageSpeed ​​Insights от Google. Или как можно ближе к этому высшему баллу.

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

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

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

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

Обычно изображения составляют основную часть вашей работы.

Начните со сжатия и оптимизации изображений с помощью плагина или компрессора изображений веб-сайта.

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

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

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

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

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

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

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четкой окупаемостью инвестиций.

Заказать звонок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1

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

Kinsta CDN

Шаг 2

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

Включить Kinsta CDN

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хост WordPress и кеш CDN

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

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

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

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

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

Хотите узнать, как мы увеличили посещаемость более чем на 1000%?

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

Подпишитесь сейчас

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

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

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

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

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

1. Pingdom

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

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

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

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

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

2. Google PageSpeed ​​Insights

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

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

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

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

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

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

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

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

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

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

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

Тайминги скорости сайта Google Analytics

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

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

5. WebPageTest

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

WebPageTest

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

6.GTmetrix

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

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

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

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

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

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

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

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

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

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

8. DareBoost

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

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

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

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

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

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

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

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

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

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

10. YSlow

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

13. Реликвия Зоны

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

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

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

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

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

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

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

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

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

15.Новая Реликвия

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

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

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

Время веб-транзакций New Relic

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

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

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

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

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

Сводка

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

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