

ブログのページを高速化したいけど、どこを削ったらよいかわからない💦
とりあえず、「使用していない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でコードがハイライトしないところが何故かうまく表示されませ...


LiteSpeed Cacheプラグインをオン・オフで比較してみた
LiteSpeed Cache(v3.6.4)プラグインの「キャッシュ機能」のオン・オフでどれぐらい違うのか、比較してみました(2021年3月23日現在)。もしかして、誤差の範囲……?もう少し詳しく比較してみましょう。無効のときプラグインが...
QRコードを読み込むと、関連記事を確認できます。