LiteSpeedキャッシュとCocoonの高速化設定(メモ)

PageSpeed Insightsの「携帯電話」のパフォーマンスを、少し改善しました。

結果

トップページ(改善後)

パフォーマンス

改善前は73でした。誤差でしょうか?…と思って元に戻したら遅くなるので、効果はあると思います。

Cocoonの高速化設定

LiteSpeed Cacheと機能がかぶるので、高速化設定を全部オフにしました。勿論、LiteSpeedでやらないでCocoonでやるのもアリだと思います。どちらが良いのかは検証していません。
(私は、せっかくLiteSpeed Cacheを使っているので、そちらに一本化したいと思いました)

LiteSpeed Cacheの設定

プリセット

→エッセンシャルにしました。

プリセットでエッセンシャルを選択した後、以下の設定を変更しました。

ページの最適化

CSS設定:CSS圧縮化→オン
JS設定:JS圧縮化→オン
HTMLの設定:DNSプリフェッチ→オンGoogle フォントを非同期に読み込む→オン
メディア設定:画像 遅延読み込み→オン

キャッシュ

ブラウザー:ブラウザのキャッシュ設定:オン(デフォルトでオンだと思います。.htaccessを見たらCocoonとかぶってました)

その他

HTML 圧縮化は、1ポイント程度ですが逆効果っぽかったのと、ソースからRedisの動作記録が削除されてしまったので、却下しました。逆効果っぽかったのは、CSSを圧縮してHTMLも圧縮すると、大きなインラインCSSに対する処理を2回行ってしまった…ような気がします。

CSS 結合とかUCCSは、下手に変えるとレイアウトが壊れるので変更しない(オフ)ままにしておきました。

尚、改善後でも詰めオセロの個別記事は59、この記事も64とかで、まぁ仕方ないかな。デスクトップは98とか出てます。

タイトルとURLをコピーしました