「使用していない JavaScript の削減」は、Flying Scriptsで簡単に改善

ワードプレス

2022.11.18

※当サイトは、アドセンス広告及びアフィリエイト広告が含まれています。アドセンス広告は、閲覧者様がクリックして広告を見て頂くだけで当サイトに恩恵があり、アフィリエイト広告は購入や登録などで収益が発生します。それは、やる気や運営上においてとても大きな糧となり感謝の気持ちでいっぱいですが、当サイトはそのことで記事内容が左右されることは一切ありません。

こんにちは、解説ゾロです！

サーチコンソールの「ウェブに関する主な指標」から行った、PageSpeed Insights（ページスピード・インサイト）を試すと、モバイルの数値が「34」でした。

「34」って、0ー49・50ー89・90－100と3つある中で、一番低い左の範囲なのです。ヤバ～い！もうちょっとで赤点だぁ！笑

いくつになっても赤点は楽しくないので、もう少し上げておくことにします。面倒な対策は今はやりたくないので、簡単に改善できる方法を試します。

そもそも「PageSpeed Insights」とは、Googleが無料で提供しているウェブページの読込み時間を短くするためのツールです。

URLを入力するだけで、携帯電話とデスクトップを別々に表示速度をスコアで表示分析してくれて、尚且つ改善方法も表示してくれるSEOにも関係する便利ツールです。

今日は、今回その改善できる項目の一番上に表示されていた「使用していない JavaScript の削減」を簡単に改善するために「Flying Scripts（フライングスクリプト）」というプラグインを使う方法を画像を見ながら丁寧に解説しまので、一緒にやりましょ！
私のケースでは、34のスコアが50まで簡単に改善できました。

改善前の「PageSpeed Insights」のスコアをメモしておくと、どれ位改善できたのかがわかるので、楽しいです。

「使用していない JavaScript の削減」は、Flying Scriptsで簡単に改善
「Flying Scripts」のセッティング
「PageSpeed Insights」の改善URLをコピー
1. 「Flying Scripts settings」にペースト
改善スコアの確認
まとめ

「使用していない JavaScript の削減」は、Flying Scriptsで簡単に改善

⇩まずプラグインの「Flying Scripts」をゲットします。
ワードプレスの「ダッシュボード」の画面から、
①の「プラグイン」にマウスポインターを乗せると、右側に新たなメニューが表示されますので、その中の
②の「新規追加」をクリックして下さい。⇩

⇩「プラグインを追加」画面に変わりますので、右端にある、
①の「検索窓」に「Flying Scripts」と入力すると、JSのロゴのある「Flying Scripts」が表示されますので、
②の「今すぐインストール」をクリックして下さい。しばらくすると、
③が有効化に変わりますので、その「有効化」をクリックして下さい。⇩

「Flying Scripts」のセッティング

⇩「プラグイン」の画面に変わりますので、
①のように「Flying Scripts」がインストールされているのを確認して、
②の「settings」をクリックして下さい。この操作は「ダッシュボード」の「設定」から「Flying Scripts」をクリックしても同じ画面に行けます。⇩

⇩次は「Flying Scripts settings」の画面に変わりますので、
①の「settings」を選択（初めから選択されていると思います）してあるのを確認して下さい。後ほど「Pagespeed Insight」で分析された改善項目をコピーしてから、またこの画面に戻って、
②にペーストをしますので、このぺージを開いたまま「PageSpeed Insights」のページを開いて下さい。⇩