Резюме вебинара: Введение в HTTP / 2 для SEO

1. Основное ограничение Интернета
2. Почему HTTP / 2 имеет значение?
3. Объяснение HTTP с помощью грузовиков
4. Как уменьшить время ожидания и время загрузки?
5. CDNs
6. HTTP / 2
7. Как я могу получить HTTP / 2?
8. Google замечает HTTP / 2?
9. HTTP / 2 на вынос для SEO

В июльском выпуске серии вебинаров DeepCrawl мы имели честь поговорить с Том Энтони, глава отдела исследований и разработок компании Distilled , который представил информативную и доступную презентацию по HTTP / 2 для SEO.

Основное ограничение Интернета

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

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

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

Почему HTTP / 2 имеет значение?

В прошлом году Джон Мюллер подтвердил, что Google измеряет скорость сайта, используя фактические данные пользователя из данных Chrome User Experience Report , Как быстро ваш сайт для пользователей записывается в Chrome и отправляется в Google. Поэтому HTTP / 2 предоставляет относительно простую возможность оптимизаторам оптимизировать скорость сайта и потенциально получить небольшое повышение рейтинга.

Что такое HTTP / 1.1?

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

Вот как выглядит запрос:

Запрос будет содержать несколько заголовков, таких как:

• GET - указывает, какой файл вы хотите запросить, и повторяет протокол.
• Host - указывает домен для серверов, на которых размещены несколько доменов.
• User-Agent - указывает, какой браузер вы используете, или указываете, являетесь ли вы ботом (например, роботом Google).

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



Ответ будет включать заголовки, такие как код состояния (например, 200), тип контента (например, text / html) и тело ответа, которым является сама веб-страница.

Важно помнить, что каждый запрос для одного файла.

Объяснение HTTP с помощью грузовиков

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

• Представьте, что HTTP-запрос, отправленный из вашего браузера на сервер, представляет собой грузовик, едущий по дороге от А до Б.
• Дорога, по которой движется грузовик, - это протокол управления передачей (TCP), который доставляет его из А в В.
• Запрос загружается в грузовик, когда он перемещается из браузера на сервер и возвращается с ответом на обратном пути.



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



Почему нам нужно перейти с HTTP / 1.1?

Это звучит здорово, но есть еще три проблемы:

• Задержка и время прохождения туда и обратно - не имеет значения, является ли файл большим или маленьким, запрос все еще занимает определенное время, чтобы добраться от A до B. Более длинные дороги будут означать, что ответ будет возвращаться дольше.
• Страницы с большим количеством файлов (и запросов) - веб-страницы стали богаче и имеют больше файлов, что означает, что нужно делать больше запросов, что увеличивает задержку.
• Мобильные соединения увеличивают задержку - все больше людей используют соединения 3G и 4G для доступа к веб-страницам, которые еще больше увеличивают задержку, думая о них как о неровных дорогах.

Основная проблема с HTTP / 1: одно соединение может обрабатывать только один запрос.

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



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



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



Как уменьшить время ожидания и время загрузки?

Наборы спрайтов

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



CDNs

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



HTTP / 2

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

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

Давайте посмотрим на другую диаграмму водопада, но на этот раз для сайта, использующего HTTP / 2:



В строке 1 водопада вы видите прокладываемую дорогу, представленную оранжевой и фиолетовой полосами, за которой следует загрузка исходного HTML-кода. Это займет около 0,6 секунд.

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

HTTP / 2 разрешает отправку на сервер, что позволяет сэкономить, отправляя грузовики с изображениями и CSS по первому запросу. Том говорит, что на данный момент многие серверы не очень хорошо работают на сервере, так что будьте осторожны!

Как я могу получить HTTP / 2?

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

Google замечает HTTP / 2?

Робот Googlebot не сканирует с использованием HTTP / 2, но Google не оценивает скорость. Для этого Google использует данные отчетов о работе пользователей Chrome от пользователей Chrome. Chrome поддерживает HTTP / 2, поэтому эти улучшения скорости будут возвращены в Google.



HTTP / 2 на вынос для SEO

• HTTP / 2 может быть быстрым выигрышем в производительности для SEO, а CDN может облегчить развертывание. HTTP / 2 - это высокая рентабельность инвестиций, если вы беспокоитесь о скорости сайта.
• HTTP / 2 требует HTTPS.
• Если вы хотите узнать, использует ли сайт HTTP / 2, используйте инструменты разработчика Chrome и добавьте его в столбец протокола. Есть также расширение Chrome, которое немедленно сообщит вам, если сайт использует HTTP / 2 ,
  Браузеры вернутся к HTTP / 1.1, и HTTP / 1.1, и HTTP / 2 могут сосуществовать вместе.
• HTTP / 2 не является миграцией. URL-адреса не подлежат изменению, это просто изменение протокола.
• Googlebot не выиграет от перехода на HTTP / 2, но Google заметит повышение производительности благодаря данным Chrome Usage.

Не пропустите наш следующий вебинар



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

Присоединяйтесь к нам, чтобы узнать все тонкости SEO мониторинга с Джоном Доэрти , основателем и генеральным директором Credo.

Вот краткий обзор того, что вы можете ожидать:

• Что такое SEO мониторинг и зачем он вам нужен?
• Как успешные команды SEO остаются на вершине своего мониторинга?
• Практические шаги по настройке мониторинга для вашего бизнеса.

Похожие

Комментарии