1. Что такое HTTP?
2. Что нового в HTTP / 2?
3. Оставайтесь в живых против HTTP / 2
4. Преимущества HTTP / 2:
5. Собственные тесты
6. заключение

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

Недавно говорил Фили Визе на Друзья Поиска о технических возможностях для улучшения времени загрузки сайта. Одним из улучшений, которые он предложил, является реализация HTTP / 2.

В настоящее время используется только 12,9% сайтов HTTP / 2.

Многие веб-сайты еще не используют этот протокол, поэтому есть возможности (SEO) для веб-сайтов, которые были оптимизированы с его помощью. Чтобы понять, почему это так, полезно ознакомиться с основами:

Что такое HTTP?

HTTP означает Hypertext Transfer Protocol, серию правил обмена файлами между браузером и сервером. На основании запросов (так называемых запросов) и ответов (ответов).

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

Что нового в HTTP / 2?

HTTP / 2 - это обновление HTTP 1.1 С хорошими новостями: вам не нужно изменять существующие веб-сайты для реализации.

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

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

Если вы визуализируете это, это выглядит так:

Если вы хотите сделать это еще более привлекательным, разницу между HTTP / 1 и HTTP / 2 можно также изобразить следующим образом:

Красиво и быстро! А с HTTP / 2 больше нет необходимости сжимать Javascripts, CSS и изображения. На самом деле, это может быть даже вредно для работы сайта.

Оставайтесь в живых против HTTP / 2

Работа HTTP / 2 может несколько напоминать Сохранить в живых ', но это работает немного по-другому.

Keep alive устанавливает постоянное соединение между сервером и браузером, поэтому браузеру не всегда приходится «стучать в дверь сервера» для запроса данных. Это уже экономит время загрузки, но это еще быстрее с HTTP / 2.

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

Преимущества HTTP / 2:

• Никаких изменений на текущем сайте не требуется. HTTP / 2 совместим с HTTP / 1.
• Штабелирование задач (так называемое мультиплексирование); HTTP / 2 может отправлять несколько запросов (асинхронно) за 1 соединение, в то время как HTTP / 1 должен устанавливать 1 соединение на запрос.
• Проактивное продвижение и приоритетность данных; Немедленная пересылка всех элементов, необходимых для загрузки на страницу, в первую очередь с более важными элементами.
• Ограничение RTT (время прохождения туда и обратно); Это приводит к уменьшению количества запросов к серверу, что, в свою очередь, способствует сокращению времени загрузки страницы.
• Широкая поддержка большинством используемых браузеров, таких как Chrome, Safari, Opera, Firefox, Edge и Internet Explorer.

И несколько недостатков:

• HTTPS соединение; Для многих браузеров, поддерживающих HTTP / 2, необходимо HTTPS-соединение. Если ваш веб-сайт не имеет HTTPS-соединения, пользователям придется попробовать другой браузер, иначе они не смогут посетить ваш веб-сайт.
• Не обязательно быстрее; в различных тестах похоже, что HTTP регулярно даже быстрее, чем HTTP / 2 или HTTPS. Если вы просто сравниваете HTTPS и HTTP / 2, то HTTP / 2 часто оказывается быстрее. Если у вас есть безопасный веб-сайт ( SEO должен ), лучше выбрать протокол HTTP / 2.
• Вопросы безопасности; Поскольку эта версия протокола все еще должна была быть совместимой с первой версией, в HTTP / 2 также есть уязвимости в области, например, файлов cookie и шифрования.
• Совместимость; старые версии браузеров могут «не понимать» ваш сайт, поэтому элементы не загружаются (должным образом), что может стоить вам посетителей.

Собственные тесты

Презентация Фили Визе послужила вдохновением для моего коллеги Searchresult Грегори Пинаса посетить его сайт Provefit.nl проверить эффект от реализации HTTP / 2.

Он внес несколько изменений для обеспечения лучшей производительности, таких как добавление CDN, PHP7 и Cache Content. Результаты показывают значительное улучшение:

На экранах выше эффект HTTP / 2 хорошо виден. На правом изображении (HTTP / 2) связь между сервером и браузером настроена гораздо эффективнее.

Время загрузки веб-сайта (первое посещение) возросло с чуть более 15 секунд до примерно 4 секунд, и еще более примечательно: первый байт увеличился с 4,5 до 0,31 секунды.

Наконец, количество запросов изменилось с 89 до 57. Это огромные шаги, которые пользователи сайта (и, следовательно, поисковые системы) наверняка оценят.

заключение

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

Стоит углубиться в это и протестировать на своем собственном сайте.

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

Ура!

[Изображение © Закокор - Фотолия]

Бас Хофкенс

Bas является SEO-консультантом в Searchresult и ежедневно стремится к лучшим результатам для широкого круга клиентов.