Значение TTFB — самая важная метрика, о которой никто не думает, для Core Web Vitals

ТТФБ. Время публиковать на Facebook? Крошечный футбол? Тунец и помидоры на волокнистом хлебе? Ты был довольно теплым, думая о том бутерброде с тунцом и помидорами. TTFB — это, конечно же, «время до первого байта». Ты знал это все время. Мы тоже, просто подъехал фургон с едой Сэма, а сейчас обеденное время.

Что такое TTFB и как это влияет на мои сайты?

«Время до первого байта» (TTFB или время первого байта) — это одно из первых значений, которое можно измерить на пути к полностью загруженному веб-сайту, и оно представляет собой время отклика сервера, необходимое для согласования DNS, сокетов и SSL ( рукопожатия). Если вы измеряете Google Core Web Vitals своего веб-сайта, то TTFB — это большая вещь.

«Байты? Рукопожатия? Я просто хочу, чтобы мой сайт загружался быстро. Я оптимизировал свой сайт. У меня есть плагины. Мне пора идти. Если вы не специалист по серверам, многое из того, что происходит за кулисами хостинга веб-сайтов в наши дни, звучит так, будто SpaceX должна ими управлять. Мы получим это. Но подумайте об этом — даже SpaceX использует парашюты для входа в атмосферу капсулы, и это вполне нормально.

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

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

Все еще в облаках? Давайте резервного копирования.

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

Google начал говорить о своих Core Web Vitals в мае 2020 года и запустил их в июне 2021 года. Мы много слышали о них и, вероятно, уже много работаем, чтобы наши веб-сайты загружались быстро, соответствовали потребностям пользователя и получали зеленый свет. свет от Google, не так ли?

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

Core Web Vitals заботится не только о том, чтобы ваша пицца была доставлена, как только вы нажмете «разместить заказ», но и о том, чтобы она была вкусной.

Google Core Web Vitals измеряет 3 вещи: полезность, удобство использования и удовольствие

• Крупнейшая отрисовка содержимого (LCP) — время загрузки: убеждает пользователя в том, что ваши веб-сайты полезны. Это должно занять менее 2500 миллисекунд. Он не может загрузиться, пока сервер не установит связь.

• Задержка первого ввода (FID) — интерактивность: гарантирует, что ваши веб-сайты можно использовать. Это должно занять менее 100 миллисекунд.

• Кумулятивное смещение макета (CLS) — движение веб-сайта: гарантирует, что ваши веб-сайты будут восхитительными. Этот показатель должен быть меньше 0,1.

Хотите измерить свои веб-сайты для Google Core Web Vitals?

Итак, какая связь между TTFB и Core Web Vitals?

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

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

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

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

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

TBT измеряет промежуток времени между первой отрисовкой контента (FCP) и временем до взаимодействия (TTI). Это можно использовать, например, для измерения задержки реакции браузера. TBT должно быть менее 300 миллисекунд.

Время до интерактивности (TTI)

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

Взаимодействие со следующей краской (INP)

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

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

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

Значение TTFB заключается в том, что это самая важная метрика, о которой никто не думает для Core Web Vitals, и, по сути, самая важная метрика для ваших веб-сайтов. Почему? Одним словом, люди нетерпеливы.

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

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

Ракета.нет

Можете ли вы рассказать о важности TTFB и времени загрузки моих веб-сайтов?

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

Например, если мы вводим www.yourwebsite.com в адресную строку, необходимо выполнить следующие четыре шага:

• Браузер подключается к DNS-серверу (серверу доменных имен). Сервер доменных имен переводит имя хоста в числовой IP-адрес. Например, ваш веб-сайт становится 123.456.789.112.

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

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

• Сервер отправляет данные, разбитые на пакеты, клиенту.

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

Точно так же многие параметры влияют на время до первого байта (TTFB).

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

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

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

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

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

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

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

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

Есть много способов улучшить скорость управляемых веб-сайтов:

• Используйте CDN (сеть доставки контента)
• Оптимизация изображений
• Минимизируйте файлы CSS и JavaScript
• Уменьшите количество HTTP-запросов, если это возможно
• Использовать HTTP-кеширование браузера
• Минимизируйте включение внешних скриптов
• Не используйте перенаправления, если это возможно

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

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

Черт возьми, все это звучит как много возни! У тебя, наверное, есть другие дела, да? На самом деле, вы делаете.

Экономьте время на управлении портфелем вашего агентства с помощью Rocket Platform

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

Так что ты можешь сделать?

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

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

Dev.to

Платформа Rocket дает вашему агентству преимущество

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

Вы принимаете биткойны? Разрешить людям создавать собственные кроссовки онлайн? Вы предлагаете доставку дронами? У вас есть AMP-сайт? На самом деле, с тех пор, как Google представил Core Web Vitals, важность формата AMP также будет уменьшаться в будущем.

Rocket.net также предлагает преимущество вашему агентству. Сеть Cloudflare Edge. Пограничные серверы здесь, чтобы сделать Интернет быстрее, а это означает, что ваши веб-сайты загружаются быстрее. А значит, довольные пользователи и посетители. Это означает, что вы заказываете пиццу из центрального места, но пицца выпекается и доставляется ближе всего к вашему фактическому местоположению.

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

Облачная вспышка

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

До Rocket компания Twodot Marketing размещала свои веб-сайты WordPress в различных хостинговых компаниях; они просто не могли обеспечить необходимую скорость и безопасность для своих клиентов.

«В течение часа после регистрации мой первый сайт был перенесен, и я был поражен. Я сразу же заметил ОГРОМНУЮ разницу в скорости моей страницы, времени до первого байта и просто в общей скорости отклика веб-сайта нашей компании. Через 24 часа все наши клиенты жили на Rocket и получали такие же большие преимущества».

Джош Этеридж, президент Twodot по маркетингу / главный стратег

Как насчет дополнительного сыра в этой пицце?

После обновления Google Core Web Vital как никогда важно доставлять ваш контент как можно быстрее и безопаснее. Легкий. Безопасный. Быстро. Да, вы можете иметь все три. И не просто быстро — максимально быстро для каждого конкретного пользователя. В этом сила The Edge.

Rocket.net, работающий на Cloudflare Enterprise, помогает вашему веб-сайту WordPress и интернет-магазину WooCommerce немедленно получить выгоду.

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

Разговор дешевый. Пусть Rocket покажет вам, что ДЕЙСТВИТЕЛЬНО означает самый быстрый хостинг WordPress!

Экономия производительности сайта, времени и денег вашего агентства? Да. Платформа Rocket имеет встроенные функции, которые устраняют необходимость в платных версиях безопасности, оптимизации изображений, CDN и подключаемых модулях загрузки контента JS. Это функции, встроенные в вашу новую любимую платформу (продукт, ранее известный как Managed WordPress Hosting).

Давайте поговорим о том, как мы можем перенести ваш сайт на Rocket.net, самый быстрый из доступных хостингов WordPress. Запустите свою миссию сегодня!