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

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

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

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

• 47% людей предполагают, что все загрузится за две и менее секунд;
• 40% посетителей закрывают вкладку, если ждать приходится более трех секунд;
• Каждый второй раздражается, если ждать приходится более 3 сек.;
• 79% откажутся от повторной покупки в вашем интернет-магазине, если они недовольны быстродействием площадки;
• 44% онлайн-потребителей расскажут родным и знакомым о негативном опыте.

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

Сколько грузится ваш ресурс?

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

Главные факторы

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

Серверные

1. Быстродействие хостинга (другими словами, «места», где находится сайт). Обработка запроса с DNS и редиректов (перенаправлений), соединение с сервером и его ответ — эти этапы и время их выполнения лежат в области функционирования хостинга. Неудовлетворительные показатели негативно скажутся на скорости веб-сайта.
2. Работа сервера базы данных.
3. CMS (система управления контентом) и программный код. Особое внимание стоит уделить модулям, расширениям, модификациям от разработчиков и правильности использования систем.

Клиентские

• Мультимедиа. Публикуя большие по размеру документы, помните, что это увеличивает нагрузку. Вследствие этого повышается затрачиваемое время, пока все загружается. Чтобы улучшить этот критерий, требуется оптимизировать фото- и видеоконтент, правильно распределить количество.
• Быстрота действия стороннего хранилища мультимедиа. Если вы публикуете файлы, хранящиеся на стороннем сервере, следите, чтобы его показатели были в удовлетворительном состоянии.
• Оптимизация критического пути: CSS-стили, JavaScript. Губительное воздействие оказывает неверное размещение CSS и скриптов JS, их значительный объем с большим количеством малозначимых символов, применение огромных внешних библиотек JavaScript ради пары функций. Другими словами, это зона ответственности программистов, которые разрабатывали сайт/конструктор.
• Веб-шрифты. Используются как популярное дизайнерское решение. Такие дополнительные детали негативно воздействуют на то, как быстро отрисовывается интернет-страница.
• Отсутствие кэширования. При каждом взаимодействии пользователя с сайтом происходит вынужденное запрашивание данных с онлайн-сервера. Если задействовать кэш, значительная часть данных не потребует повторной загрузки, это улучшит ситуацию.

Влияние на ранжирование

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

Гугл провел эксперимент, который доказал, что даже несущественное увеличение времени ожидания при поиске со 100 до 400 мс уменьшает число запросов от одного пользователя на 0,2-0,6%. Даже если вы восстановите исходные числа, губительный эффект уже невозвратим. Вывод: если в выдаче присутствуют медленные площадки, то Google теряет клиентов. Это ведет к денежной потере компании, что и стало следствием внимательного слежения за этим параметром.

Ускорение = рост продаж

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

Глубина просмотров растет. Если можно свободно «летать», то за раз получается просмотреть много онлайн-страничек. Возвращаясь к сравнению с 5 и 19, очевидно, что первый побеждает — сессия длится на 70 процентов дольше.

От вовлеченности зависит размер дохода. Рассмотрим эксперимент, проведенный сотрудниками Financial Times. Часть фокус-группы смотрела статьи в обычном режиме, а остальные — с задержкой 1-5 сек. Чем дольше длилось открытие, тем менее длительной была сессия. По итогу — меньше увиденных рекламных материалов, люди отказываются от оформления платной подписки. Другими словами, теряются два основных источника прибыли газеты.

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

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

Число, к которому нужно стремиться

Исследования компании Akamai Technologies показали, что наиболее высокая конверсия отмечается при 1,8 с на десктопной версии и 2,7 с на мобильной. Наименьшее количество отказов наблюдается при значениях меньше одной секунды. После проверки расшифровать и понять все можно следующим образом:

Но правильная цифра такая, которая ниже, чем у других. The New York Times отмечает, что разница в 0,25 вполне достаточная, чтобы люди предпочли вашего конкурента.

Не анализируйте только главную

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

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

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

Лучшие инструменты

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

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

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

Советы по улучшению:

• Оптимизировать графическую составляющую. По окончании вам выдается список картинок, которые можно уменьшить вручную или скачать уже в виде оптимизированных фото.
• Включить сжатие. Сократить объем информации в 4-5 раз можно с помощью применения gzip-сжатия.
• Упростить код. Изучение выявит, где можно сократить код HTML, CSS, JS. К примеру, необходимо будет удалить комментарии, лишние пробелы и прочее. Сокращать можно вручную или скачать оптимизированный вариант.
• Ускорить время ответа сервера. При лучшем раскладе оно должно быть не более 0,2 сек. Провести точный анализ поможет специальный инструмент, например, Pingdom.
• Использование кэша браузера. В таком случае все документы будут сохраняться на компьютере, что позволит веб-страницам загружаться мгновенно.

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

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

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

PR-CY

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

Pingdom Tools

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

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

На экране должно всплыть окно, в котором предлагается скопировать постоянную ссылку на выполненный тест, после чего отправить его на E-mail или в Твиттер. В нижней части окна предлагается подписаться на мониторинг веб-площадки в плане доступности. Если вдруг она станет недоступной для посетителей, вам пришлют сообщение на электронную почту или СМС на мобильный телефон. За такую услугу придется заплатить, хотя предоставляется бесплатный триал (пробный период). Чтобы просмотреть Traceroute, потребуется выбрать вкладку Ping and Traceroute. Вводить URL в предлагаемой форме необходимо без http. Под этой формой поставьте галочку в чек-бокс Traceroute или Ping, нажмите Test now.

Which loads faster?

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

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

Web Page Performance Test

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

На первой обратите внимание на положение вертикальной линии фиолетового цвета. Это — период окончания отрисовки. Синяя вертикальная линия означает, сколько затрачено на полную закачку. Все хорошо, если первая прямая расположена на 1-1,5 с, а вторая — раньше на 4 с. В таком случае остальные абзацы можете читать «для галочки». Если больше четырех, займитесь исправлением.

GTmetrix

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

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

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

Работать с GTmetrix достаточно легко. Зеленая стрелочка вверх — лучший показатель. Красная вниз — хуже, чем средний. Цвет в колонке Grade свидетельствует об уровне оптимизации по конкретному пункту: красный — низкий, желтый — средний, зеленый — высокий.

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

Load Impact

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

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

Monitis Tools

Мощная система, которая также проверяет работоспособность веб-проекта. Главная особенность — анализ осуществляется с различных уголков планеты: Европа, США, Азия. Аналитика содержит полноценные графические данные, отображается сводная статистика по каждому тесту. Таблица позволяет понять, какие из элементов площадки грузятся дольше всего.

SiteSpeed.me

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

WebPage Analyzer

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

Webo.in

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

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

PageScoring

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

SEOGadget

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

Не пренебрегайте этим!

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

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

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

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

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

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

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

1. Пользователь вводит поисковой запрос и переходит по гиперссылке.
2. Браузер отправляет запрос веб-серверу.
3. Веб-сервер обрабатывает запрос.
4. Веб-сервер отправляет ответ браузеру.
5. Браузер начинает получать информацию (мы изучаем этот аспект как время до первого байта).
6. Браузер анализирует, загружает и отображает содержимое страницы.
7. Страница становится полностью доступна в браузере.

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

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

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

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

Если серверных настроек не так много, и в процессе оптимизации сайта повлиять на них невозможно, то HTML-код можно модернизировать с целью ускорения загрузки страницы. Для этого лучше отказаться от плагинов WordPress и делать PHP-код максимально простым и понятным. Рекомендуем удалить из него неиспользуемые элементы, лишние символы, знаки препинания и пробелы. Кроме того, файлы CSS, HTML и JavaScript можно сжимать для ускорения загрузки. Если ваши пользователи находятся в разных географических регионах, можно использовать CDN-хостинг, что обеспечит более быстрый и надежный доступ к сайту.

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

Адрес сайта

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

Браузер помогает вашему сайту отображаться быстрее. Он осуществляет:

1. Обнаружение IP-адреса сайта в интернете. Для этого браузер сначала обращается к истории посещений. Это кэшированные данные, которые помогают ему быстрее находить и загружать страницы, которые были открыты ранее. Если же сайт открывается впервые, поиск IP-адреса будет осуществляться при помощи DNS-сервера. Не находя нужную информацию, он будет перенаправлять запрос к серверам другого ранга.
2. Создание HTTP-запроса для получения нужного контента.
3. Прием ответа от сервера в виде пакетов данных и последовательное отображение их содержимого согласно внутреннему алгоритму. Сначала отображается основной HTML-код, после чего создаются запросы на дополнительные элементы, такие как видео или картинки. В последнюю очередь загружается JavaScript.

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

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

Миссией Google является удобный, быстрый и полезный интернет. На достижение этой цели направлена работа множества внутренних алгоритмов, в том числе и определение скорости загрузки страницы. В 2010 году Google объявила ее одним из факторов ранжирования при поиске на компьютерах, а с 2018 года – еще и на мобильных устройствах. Обновление Page Experience, выпущенное в 2021 году, подтверждает, насколько важен пользовательский опыт при ранжировании страниц.

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

• если время ожидания окажется более 3 секунд, свыше половины пользователей покинут ваш сайт;
• 47% пользователей рассчитывают, что скорость загрузки страницы не превысит 2 секунды;
• если время загрузки увеличится с 1 до 3 секунд, вероятность отказов вырастет на 32 %;
• коэффициент конверсии снижается в среднем на 4,42 % с каждой дополнительной секундой загрузки.

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

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

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

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

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

Данные, опубликованные Google/Civic Science, показали, что 54 % владельцев смартфонов разочаровываются, когда наблюдают длительную загрузку страницы.

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

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

Наглядным примером эффекта от ускорения являются результаты работы с сайтом компании Dakine. Увеличение скорости загрузки отдельных страниц на 48–65 % привело к росту трафика на 31 %.

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

Взаимосвязь между этими двумя показателями была выявлена еще в 2006 году. Ее продемонстрировал Грег Линден на примере компании Amazon. Вы удивитесь, но клиенты оказались нелояльными даже к такому гиганту индустрии. 100 миллисекунд задержки рендеринга привели к сокращению продаж на 1 %. Современные исследования, проведенные Akamai, демонстрируют еще более шокирующие результаты – снижение конверсий на 7 % при задержке в загрузке сайта всего на 1 секунду. Что такое 7 % для сайта, который приносит 100 000 грн ежедневно? За год эта сумма превысит 2,5 миллиона грн.

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

В этом же исследовании Google было установлено, что ускорение сайта на 0,1 с дает прирост конверсии на 8,4 % для розничной торговли и 10,1 % для туристической отрасли. К тому же в сфере ритейла ускорение привело к увеличению средней суммы заказа на 9,2 %.

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

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

Google PageSpeed Insights

Проверяет скорость загрузки сайта и выдает общую оценку в баллах. Результат выше 90 свидетельствует о хорошей скорости загрузки страницы, диапазон в пределах от 50 до 90 говорит о средних значениях, а показатели ниже 50 являются низкими. Сервис оценивает время загрузки по 16 наиболее значимым критериям и дает рекомендации для дальнейшей оптимизации ресурса при работе на компьютерах и мобильных устройствах. Выглядит это как перечень элементов, требующих вашего внимания к их URL. Прислушиваться к рекомендациям Google PageSpeed Insights однозначно стоит, особенно если вы занимаетесь продвижением в этой поисковой системе.

Pingdom Tools

Бесплатный сервис предназначен для измерения скорости выбранных страниц в определенном регионе. Pingdom Tools дает оценку отдельных элементов по шкале от A до F, кроме того, указывает на вполне конкретные направления для дальнейшей оптимизации, которые могут быть использованы для продвижении сайта в интернете. Сервис анализирует использование кэш-памяти, файлов куки, редиректы, CDN, оценивает качество проработки CSS, Java Script, графического контента и ссылок.

Load Impact

Приложение, требующее установки на ваш ПК. Основное предназначение – проверка скорости загрузки сайта при изменении числа посетителей. Имитирует нагрузку на сервер, составляющую до 50 человек. Платная версия позволяет тестировать страницы в условиях еще большей нагрузки. Попутно в Load Impact (K6) проверяется скорость загрузки страницы. Такой подход позволяет выявить, справляется ли ваша система с пиковыми нагрузками и может ли выдерживать временные всплески прироста трафика без сбоев в работе.

Which Loads Faster

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

GTmetrix

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

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

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

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

WebPagetest

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

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

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

Dotcom-Monitor

Платное облачное приложение с 30-дневным тестовым периодом. Позволяет проверить сайт на скорость в условиях использования различных браузеров и систем – Google, Firefox, Edge, iOS, Android, а также разных типов сетей (2G, 3G, 4G). За один тест анализирует 25 геолокаций. Итоги анализа в Dotcom-Monitor отображаются в виде отчета о времени загрузки при первом и повторных посещениях, а также сервис предоставляет детализированную информацию по каждому конкретному местоположению.

Во вкладке Page Speed Insights доступен перечень советов, который касается оптимизации графического контента, кэша, Java Script и CSS и других факторов. Результаты теста можно распространить при помощи открытых ссылок.

Dareboost

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

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

GiftofSpeed

Выполняет комплексное тестирование сайта, позволяющее провести оптимизацию для всех типов устройств – компьютеров, планшетов и мобильных телефонов. GiftofSpeed использует 8 стран для контроля. Анализирует такие важные факторы, как оптимизация CSS и JS, сжатие CSS и JS файлов, проверяет GZIP, кеширование файлов, количество HTTP-запросов.

Uptrends

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

Varvy

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

KeyCDN

Позволяет выполнить проверку из 10 стран. KeyCDN выделяет на фоне остальных такие показатели, как длительность загрузки, размеры страниц и количество запросов. Исследует HTML-код, файлы JavaScript, CSS, изображения, видео, шрифты и другие данные. Рассмотрев детализированный отчет, вы можете проанализировать DNS-запросы, группировку контента по типу и размеру, а также получить ценные рекомендации по ускорению работы сайта.

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

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

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

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

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

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

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

Если код страницы не задействован полностью, его неиспользуемые части можно попросту удалить. Такая модернизация может проводиться вручную, а также с использованием автоматизированных решений, таких как CSSNano или UglifyJS. Для определения неиспользуемого кода можно применять Developer Tools в Chrome. Для этого вам потребуются вкладки Sources и Coverage:

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

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

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

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

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

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

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

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

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

• изменение форматов файлов;
• запуск отложенной загрузки;
• сжатие без потерь в качестве.

Для оптимизации графики существуют готовые решения – плагины WordPress. Если же ваш сайт разработан на другой платформе, можно воспользоваться такими сервисами, как Attrock или Squoosh. Это позволит уменьшить «вес» отдельных файлов на 25–80 %.

Как ускорить загрузку сайта, работая с изображениями? У вас есть несколько способов:

• оптимизируйте размеры файлов. Учитывайте формат экрана устройств, используемых посетителями сайтов;
• используйте форматы по назначению. JPG предназначены для фото, PNG – для растровой графики, а SVG – для векторной. Использование оптимальных форматов для каждого типа информации поможет сократить время загрузки страниц без потери качества изображений;
• задействуйте Lazy Load. Ленивая загрузка предполагает, что файлы, находящиеся на странице, загружаются постепенно. Пользователи даже не замечают такой отсрочки, поскольку изображения подгружаются в момент прокрутки, как раз перед тем, как она понадобится.

Для оптимизации размера изображений существуют такие инструменты, как ImageOptim, JPEGmini, Kraken. Также можно откорректировать их формат непосредственно в HTML-коде, управляя такими атрибутами, как <secret> и <size>.

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

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

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

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

Выводы

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

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

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

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

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

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

США

Джон Диорио / Февраль 2018

Сейчас в тренде

Рейтинг по просмотрам страниц и давности

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

Другие просматривают

Маркетологи, которые просматривают это, также просматривают

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

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

Мы все сталкивались с этим: с нетерпением ждали загрузки мобильного сайта, а затем отказывались от него из-за разочарования. Это проблема, с которой сталкивается большинство предприятий. На самом деле средняя мобильная веб-страница загружается за 15,3 секунды. ¹ Считайте это про себя. Чувствуется вечность, не так ли? Если у людей негативный опыт использования мобильных устройств, вероятность того, что они совершат покупку у вас в будущем, снизится на 62 %, независимо от того, насколько хороши ваши маркетинговые кампании и насколько они основаны на данных. ²

Узнайте, как вы справляетесь

На Mobile World Congress мы представили Speed ​​Scorecard: простой в использовании инструмент, который позволяет вам сравнивать скорость вашего мобильного сайта с аналогами в отрасли. ³ Его данные основаны на том, как реальные пользователи Chrome взаимодействуют с популярными сайтами в Интернете.

Сейчас в тренде

Рейтинг по просмотрам страниц и давности

Другие просматривают

Маркетологи, которые просматривают это, также просматривают

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

Рассчитать возможность

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

Откройте ящик с инструментами

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

• Просмотрите этот контрольный список способов оптимизации мобильного сайта. А чтобы получить более подробные рекомендации, ознакомьтесь с этими рекомендациями по взаимодействию с пользователем.
• Ознакомьтесь с разделом «Целевые страницы» в новом интерфейсе Google Реклама ⁵ , чтобы узнать, какие URL-адреса в вашем аккаунте подходят для мобильных устройств, обеспечивают наибольшую прибыль или требуют вашего внимания.
• Ускоренные мобильные страницы (AMP) настолько быстры, что кажется, что они загружаются мгновенно. Сегодня ваши поисковые кампании в Google могут привести к молниеносным кликам на эти страницы. И сейчас мы активно работаем над расширением поддержки кампаний в Google Покупках, чтобы сделать покупки более быстрыми и удобными для клиентов.
• В ближайшие месяцы Google начнет обрабатывать запросы на измерение кликов в фоновом режиме, чтобы ваши клиенты сразу же переходили на ваш сайт после нажатия на ваше объявление. Чтобы убедиться, что ваши кампании готовы к параллельному отслеживанию, обязательно обратитесь к стороннему поставщику услуг измерения и убедитесь, что они совместимы.

Другие просматривают

Маркетологи, просматривающие это, также просматривают

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

В тренде прямо сейчас

Маркетологи, просматривающие это, также просматривают

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

Джон Диорио

Участник, поисковая реклама в Google

¹ Google Research, Webpagetest. org, выборка 11 млн глобальных доменов mWeb, загруженных с использованием репрезентативного соединения 4G, январь 2018 г.

² Google/Purchased, США, How Brand Experiences Inspire Consumer Action, n= 2010 г. Владельцы смартфонов в США старше 18 лет, опыт использования бренда = 17 726, апрель 2017 г.

³ Существует несколько способов измерения скорости мобильного сайта, и на скорость мобильного сайта влияет множество факторов. Повышение скорости мобильной связи не гарантирует увеличения доходов. Эта модель основана на данных из учетных записей Google Analytics, которые решили предоставить Google анонимные агрегированные данные для целей сравнительного анализа. Эти данные не используются в мобильной таблице лидеров. n = 383 тыс., все страны, январь 2017 – декабрь 2017 г. 2017.

⁴ Google/SOASTA, «The State of Online Retail Performance», апрель 2017 г.

⁵ Google Adwords теперь называется Google Ads. Узнайте о наших новых брендах.

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

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

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

Метрики в Google Analytics

Google Analytics — хорошее место для начинающих. Если вы никогда раньше не отслеживали скорость своего сайта, вы можете следить за этими показателями, чтобы получить представление о взлетах и ​​падениях производительности вашего сайта. Вы можете найти эти точки данных по пути Google Analytics: Поведение > Скорость сайта > Обзор.

Время загрузки страницы 

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

Время страницы

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

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

Список Page Timings показывает только, какие страницы работают медленно. Они не вдаются в подробности, чтобы объяснить, почему они существуют. Однако у Google есть вкладка «Предложения по ускорению» в Analytics, на которую вы можете ссылаться с улучшениями.

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

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

Google PageSpeed ​​Insights

Если Google Analytics сообщает вам, что со скоростью вашей страницы что-то не так, то Google PageSpeed ​​Insights предоставляет информацию о том, какие части вашего веб-сайта испытывают затруднения. Этот инструмент дает вам общую оценку (от 0 до 100, где 100 — лучший результат) как для мобильных, так и для настольных страниц. Затем он разбивает вашу производительность на различные показатели и предоставляет возможности и диагностику для максимальных изменений.

Например, вот результаты анализа сайта Trinity Insight:

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

Первая отрисовка (содержательная и осмысленная)

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

Если вы копнете немного глубже в показатели FP, вы наткнетесь на FCP или First Contentful Paint . Это относится к первому жизнеспособному контенту на вашем сайте (в виде текста, изображений и т. д.). По сути, FCP — это первый раз, когда появляется что-то, что ваша аудитория может использовать или получать информацию.

Тем не менее, есть дополнительный уровень выше этого. First Meaningful Paint (FMP) был придуман Google и относится к времени, которое требуется для загрузки основного контента на страницу, или ко времени, которое требуется для загрузки контента, который пользователи увидели на вашем веб-сайте. Каким бы впечатляющим ни был ваш веб-сайт, никто не заходил на него только для того, чтобы увидеть ваш фон и панель навигации. Вот почему FCP и FMP разделены, но рядом друг с другом в Google Pagespeed Insights.

Индекс скорости

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

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

Метрика Время до взаимодействия (TTI) выводит FCP и FMP на новый уровень. Google определяет интерактивность в три этапа:

• На странице отображается полезный контент (прошел FCP).
• Обработчики событий зарегистрированы для наиболее видимых элементов страницы.
• Страница отвечает на действия пользователя в течение 50 миллисекунд.

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

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

Бездействие первого ЦП

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

Как и FP по сравнению с FCP, First CPU Idle обычно быстрее, чем TTI.

Максимальная потенциальная задержка первого ввода

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

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

Филип Уолтон, инженер Google, хорошо объясняет FID и то, как он формирует первое впечатление у пользователей. Ваши пользователи не будут давать вашей медленной странице время для загрузки.

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

Дополнительные данные, которые имеют значение

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

Время до первого байта

Недавно мы обсуждали время до первого байта (TTFB) в блоге Trinity Insight. Он определяется как время, необходимое для запроса информации с сервера и отправки запрошенной информации. Google придает большое значение TTFB для ранжирования скорости. Если вы можете улучшить этот показатель, вы можете улучшить свой поисковый рейтинг.

Количество HTTP-запросов

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