HTTP/2が設定されているはずなのに、ブラウザ上でHTTP/1.1になってしまう場合はセキュリティソフトを確認

この記事の要約
- HTTP/2の設定をしているはずなのに、Chrome開発者ツールで確認するとHTTP/1.1になっている場合は、自分のPC環境だけの問題化も?
- セキュリティソフトの「Web Shield」をオフにするとHTTP/2になった
- チェックするときは注意が必要。もしくはHTTP/2 Testで確認する
当ブログはHTTP/2に対応しているのですが、ふとしたときに開発者ツールから確認してみるとHTTP/1.1になっていました。
サーバーを確認してもちゃんとHTTP/2になっているのになぜ?と思っていろいろ調べた結果、セキュリティソフトの影響でHTTP/1になっていました。
開発者ツールからHTTP/2に対応しているか確認する方法
Google Chromeの開発者ツールを開いて、[Network]タブへ移動してcommand + Rで再読込をします。
すると通信したファイル一覧が表示されるので、一覧のヘッダー上で右クリックして「Protocol」にチェックを入れます。

これで「Protocol」列が追加され、その部分が「http/2 + quic/46」と表示されていれば、HTTP/2で通信されています。
しかしここが「http/1.1」と表示される場合は、HTTP/1.1で通信されています。
今回の場合、当ブログを確認してみると「http/1.1」と表示されていました。
専用のチェックサービスでチェックする方法
開発者ツールを使う方法の他に、HTTP/2 Testというチェックサービスがあります。
このサイトにURLを入力をして「Test」を押すと、HTTP/2に対応しているかどうか確認できます。

今回の場合、当ブログを確認してみると「HTTP/2 protocol is supported.」と表示されたので、HTTP/2で通信されるはずです。
しかしChrome開発者ツールではHTTP/1.1と表示されるので、自分のPC環境の問題だと思い、使っているChrome拡張機能や設定を見直しました。
そして最終的にたどり着いたのが「セキュリティソフト」でした。
セキュリティソフトの設定見直し
最近はMacでもセキュリティソフトが必要と言われているので、自分の場合はとりあえず「AVG AntiVirus」を使っています。
これの「Web & Email」の「Web Shield」設定をオフにすると、HTTP/2で通信されるようになりました。

この「Web Shield」設定は怪しいファイルのダウンロードをブロックしてくれる機能みたいなのですが、HTTP/2の通信もブロックするようです。
オフにするのが怖い人は、HTTP/2のチェック時に忘れないようにして、一時的にオフにして確認するか、HTTP/2 Testでチェックする必要がありそうです。
ただ、HTTP/2の方が読み込みが早いので、できればオフにしてHTTP/2で通信されるようにしておきたいものです。


選択テキストをHTMLタグですぐ囲めるようになるVisual Studio Code拡張機能「htmltagwrap」
WebPに対応して画像サイズを最適化する方法
.htaccessを使って、httpからhttpsへリダイレクトする設定方法
Visual Studio Codeで英単語のスペルチェックをしてくれる拡張機能「Code Spell Checker」
ソースコードをハイライトする軽量ライブラリ「Highlight.js」の導入方法と使い方
Google Maps APIでピンのアクティブ時にピン画像を変える方法
Google Maps APIを使ってGoogle Mapsをウェブサイトに表示させる方法
JavaScriptのtest関数と正規表現でバリデーションチェックを行う
MAMPでローカル開発環境にWordPressをインストールする手順
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする