Хотите узнать, как проверить, поддерживает ли веб-сайт протокол HTTP / 2? В этом руководстве мы покажем вам, как выполнить установку расширения индикатора Google Chrome HTTP / 2 SPDY и как проверить функцию HTTP / 2 push.

Из этого туториала вы узнаете, как выполнять следующие тесты:

• Проверьте, поддерживает ли веб-сайт протокол HTTP / 2.
• Убедитесь, что веб-сайт использует HTTP / 2 Push.
• Отладка HTTP / 2 Push-соединений.
• Проверьте, поддерживает ли веб-сайт протокол SPDY.

Список оборудования:

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

Все вышеперечисленное оборудование можно найти на сайте Amazon.

Chrome Playlist:

На этой странице мы предлагаем быстрый доступ к списку видео, связанных с Google Chrome.

Не забудьте подписаться на наш канал на YouTube FKIT.

Учебник по Chrome:

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

Что такое HTTP2 или HTTP 2.0?

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

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

Проверка HTTP2-соединения с использованием Chrome

Во-первых, мы научим вас, как определить, поддерживает ли веб-сайт HTTP / 2.

Мы будем использовать расширение Google HTTP / 2 и SPDY Indicator для определения поддержки HTTP2.

Откройте веб-магазин Google и установите расширение Google HTTP / 2 и SPDY Indicator.

HTTP2 and SPDy Chrome Extension

Расширение HTTP / 2 добавит индикаторную кнопку в верхнюю правую часть экрана.

Кнопка индикатора имеет форму молнии.

Если индикатор молнии серый, это означает, что веб-сайт не поддерживает HTTP2.

http2 spdy off

Если индикатор молнии синий, это означает, что веб-сайт поддерживает HTTP2.

http2 spdy on

Если индикатор молнии зеленый, это означает, что веб-сайт поддерживает HTTP2, SPDY и протокол QUIC.

http2 spdy on QUIC

Теперь вы можете быстро определить, на каком веб-сайте включена поддержка HTTP / 2.

Отладка HTTP2-соединения с использованием Chrome

Вот пошаговое руководство, показывающее, как отладить соединение HTTP / 2 с помощью Chrome.

Во-первых, вам нужно получить доступ с включенной поддержкой HTTP2.

Если вы не знаете, к какому веб-сайту получить доступ, попробуйте воспользоваться нашим веб-сайтом https://techexpert.tips.

http2 spdy on

Теперь вам нужно открыть проверку сайта Google Chrome.

Щелкните правой кнопкой мыши в любом месте на веб-сайте и выберите вариант проверки.

Google Chrome Inspect

В правой части экрана вам нужно перейти на вкладку Сеть.

Google Chrome Inspect network

После выбора опции «Сеть» окна проверки должны измениться на следующую схему.

Google Chrome Inspect debug network

Щелкните правой кнопкой мыши имя столбца и добавьте столбец с именем Protocol.

Google Chrome inspection add protocol

Нам нужно отключить функцию кэширования браузера.

Найдите и установите флажок «Отключить кэш».

Google Chrome Disable Cache

Перезагрузите веб-сайт, на котором включена поддержка HTTP / 2.

Ознакомьтесь с информацией об отладке в сети Google Chrome.

Google Chrome HTTP2 Push Network Inspection

В нашем примере мы видим сайт, использующий протокол HTTP / 2.

Мы также можем видеть, что он использует функцию HTTP2 push для отправки файлов Javascript и CSS.