小説家になろうにて「キモオタでギャルゲー、それって何の罰ゲーム!?」連載中!

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

KUSANAGI for ConoHa
この記事は約3分で読めます。

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

アイキャッチの画像はKUSANAGIのイメージキャラクター草薙沙耶 ©PRIME STRATEGY

スポンサーリンク
この記事を読む方へのオススメ

HTTP/2とは?

Cloudflareのブログからです。

HTTP/2

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

HTTP/2 is here! Goodbye SPDY? Not quite yet
Why choose, if you can have both? Today CloudFlare is introducing HTTP/2 support for all customers using SSL/TLS connections, while still supporting SPDY. There...

ざっくり言うと、

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

……ということは。

質問者の写真

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

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

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

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

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

(引用:https://www.philosophyguides.org/howto/how-to-load-critical-rendering-path-under-2-seconds/ リンク切れ)

質問者の写真

ですよね……
スポンサーリンク

HTTP/2になってない!

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

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

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

HTTP/2 and SPDY indicator
An indicator button for HTTP/2, SPDY and QUIC support by each website.

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

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

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

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

スポンサーリンク

原因を考える

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

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

 

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

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

スポンサーリンク

まとめ

解答者の写真
セキュリティソフトとの相性は要チェック
不安になった方は念のため確認してみて
アドセンス有りでもPageSpeed Insightで100点満点!

超光速サイト実行環境KUSANAGI&WEXAL。
コスパ抜群のレンタルサーバーConoHa。
もっと知りたい方はボタンをクリックしてください。
特集記事の目次が開きます。

この記事を書いた人

広島市内のパチンコホール勤務。
3号機時代からのパチンカス。
ADHD、精神障害者手帳3級所持。
慶應義塾大学商学部卒、専攻はマーケティング(広告・宣伝)
国家一種試験経済職の資格で公安調査庁に入庁。
在職時は国際テロ、北朝鮮を担当。
「小説家になろう」の底辺作者。
WordPress記事は素人の備忘録です。

天満川鈴をフォローする
KUSANAGI for ConoHa
スポンサーリンク
きもおたねっと。
タイトルとURLをコピーしました