常時SSL化したKUSANAGIでHTTP/2になっていなかったらローカル環境を疑いましょう

この記事は約4分で読めます。

2017-03-19IT&WordPress, IT雑記, KUSANAGI for ConoHa

KUSANAGIのイメージキャラクター草薙沙耶 ©PRIME STRATEGY

この度、SpeedInsightsの見かけ上の数字だけでなく抜本的にチューニングすることとしました。
というのもhttp/2の仕様なるものをようやく知ったから。
常時SSL化とhttp/2で速くなるくらいは知っていたのですが、どういうものが理解してなかったんですよね。
私の環境KUSANAGIはデフォルトでHTTP2に対応している、それなのに何やってるのかという感じです。

HTTP/2とは?

Cloudflareのブログからです。

HTTP/2
引用:https://blog.cloudflare.com/introducing-http2/

ざっくり言うと、

http 1.1:1回で1つのファイルのみやりとりできる。
http/2:1回で複数のファイルのやりとりできる。

……ということは。

質問者の写真

cssの結合とか無駄じゃん!
 

今まですべきとしていたjs、cssの結合はメリットない。
インライン化もメリットない。
キャッシュしなくなるから、むしろデメリットにすらなる。

理屈上はそういうことですよね?
そう思って調べてみたら、やはり書いてました。

HTTP/2においては、HTTP/1.1時代に用いられていた対策のうち、不要となるばかりか、むしろ逆効果になるものがあります。代表的なものは以下の通りです。

  • ドメイン・シャーディングによるコネクションの複数化
  • 必要以上のリソースの結合
    • CSS、JavaScriptの結合
    • 画像のスプライト
  • Base64形式へのエンコード

質問者の写真

ですよね……
 

引用元はこちら、記事の内容すごかったです。

HTTP/2になってない!

というわけで、今までのセッティングを全て見直すことにしました。
その前にHTTP/2で処理されているかを確認しておこう。

解答者の写真
常時SSL化したKUSANAGIはHTTP/2がデフォルトです
 

だから確認するまでもないはずなんですけど。
一応ということで、Chromeの拡張プラグイン「HTTP/2 and SPDY indicator」を入れてみました。

同プラグインを入れると、開いたページがHTTP/2に対応している場合、アイコンが青くなります。

こんな風に。
しかしなぜかグレーのまま!

なぜ? どうして?
Chromeの検証画面で確かめてみる。
方法は下図の通り。

……h2が見当たらない(※この画像は対策終わった後です、念のため)

原因を考える

KUSANAGIがおかしいってことはあるまい。
それならもっと声が上がってる。
間違いなくおかしいのは自分です。

解答者の写真
こういうときは大抵セキュリティソフトが悪さをしています
 

 

私が使っているのはESET。
検索してみると……そもそも、私の使っているESETが2年前のverであることに気づく。
先にESETをバージョンアップしよう。

最新版にバージョンアップ終了。
この時点で無事HTTP/2 and SPDY indicatorのアイコンが青く点灯。
案外呆気なく解決しました。

まとめ

解答者の写真
セキュリティソフトとの相性は要チェック
不安になった方は念のため確認してみて
 
※当サイトの会話アイコンはカスタムキャストで作成しています。©2018-2019 Custom Cast, Inc.
この記事を書いた人:天満川 鈴

広島市内のパチンコホール勤務。
3号機時代からのパチンカス。

ADHD、精神障害者手帳3級所持。

慶應義塾大学商学部→国家一種経済職→公安調査庁。
在職時は国際テロ、北朝鮮を担当。

「小説家になろう」の底辺作者。
朝鮮総聯へのスパイ工作を描いた小説「キノコ煮込みに秘密のスパイスを」はアマチュア小説ながら週刊誌報道され、話題となった。

Posted by 天満川 鈴