使用していないスクリプト・スタイルを減らしたいけれど…[Page Speed Insights]

ブログのページを高速化したいけど、どこを削ったらよいかわからない💦

とりあえず、「使用していないJavaScriptの削減」について、よくわからなかったことを、よくわからなかったなりにメモしておきます。

Page Speed Insightsの使用していないJavaScriptの削減

Page Speed Insightsをみると、「改善できる項目」に「使用していないJavaScriptの削減」があります。

項目の詳細をみると、Google AdsenseやGoogle Custom Search、Google Tag Managerのスクリプトが表示されています。

「ツリーマップを見る」をクリックすると、Lighthouse Treemapの分析結果が表示されます。

「使用していないバイト」が、かなり大きな比重になっています。

これって、ライブラリを利用しているから、どうしても使用していない領域が出てくるだよね……

同じスクリプトを重複して読み込んでいる

同じ参照元が重複して出てきているのも気になります。

これは、まとめた方がいいのかな？

なんとなく気にはなりますが、数百KiBのデータがそんなに影響するのでしょうか？

ほかのブログのツリーマップを見てみても、けっこう重複しています。

今のところ、放置しておこうと思います。

Page Speed Insightsの評価は、よくわかりません。

どうやって、活用したらいいんだろうね。

WordPressで読み込まれているスクリプト・スタイル

List styles

• wp-block-library
• global-styles
• cocoon-style
• cocoon-keyframes
• font-awesome-style
• font-awesome5-update-style
• icomoon-style
• code-highlight-style
• baguettebox-style
• cocoon-child-style
• cocoon-child-keyframes
• sti-style
• jetpack_css

List scripts

• jquery-core
• jquery-migrate
• js-cookie
• js-iframe-tracker
• aicp
• twitter-script
• code-highlight-js
• baguettebox-js
• comment-reply
• cocoon-js
• cocoon-child-js
• litespeed-cache
• google_gtagjs
• wpcf7-recaptcha
• jetpack-stats
• sti-script

こちらもどうぞ

遅延読込みでコードハイライトが機能しない【LiteSpeed Cache】

cocoonには「ソースコード設定」をしておいて「コードブロック」を挿入すると、コードをカラフルにハイライト表示する機能があります。なんか見た目にカラフルでいいですよね。cocoonでコードがハイライトしないところが何故かうまく表示されませ...

chiilabo.com

LiteSpeed Cacheプラグインをオン・オフで比較してみた

LiteSpeed Cache（v3.6.4）プラグインの「キャッシュ機能」のオン・オフでどれぐらい違うのか、比較してみました（2021年3月23日現在）。もしかして、誤差の範囲……？もう少し詳しく比較してみましょう。無効のときプラグインが...

chiilabo.com

QRコードを読み込むと、関連記事を確認できます。