var vc_pid = "886686399";

高速改善! JavaScript処理でPageSpeedInshightsのスコアアップ

ヨシさん 物知り

読み込みスピードが遅い
PageSpeedInshitsのスコアが低い
使用していないJavaScriptの削減メッセージがでる

このままだとGoogleの評価が低くなるので改善したい

そんな方のために
プラグインを使って簡単に高速化出来る
JavaScript処理方法について解説しています

タロウくん

驚き!! JavaScript処理で高速化実現

PageSpeedInshightsのスコアが低い理由の一つにJavaScript
の読み込みスピードが影響しています。

JavaScriptはGoogleAdSenseやAmazon、ASPなどでも使用されており
削除することはできません

この問題を解決する手段としては
JavaScriptの実行を遅らせる
非同期にする
があり、プラグインで簡単に設定できます。

JavaScriptを処理するFlying Scripts by WP Speed Mattersの紹介

プラグイン『Flying Scripts by WP Speed Matters』はJavaScriptの実行を
遅らせることでレンダリング時間を短くし高速化を実現します


Flying Scripts by WP Speed Mattersのインストール

プラグイン新規追加でインストールし有効化します。

高速改善! JavaScript処理でPageSpeedInshightsのスコアアップ:プラグインインストール

Flying Scripts by WP Speed Mattersの設定

設定の前に速度に影響しているJavaScriptを確認します。

影響しているJavaScriptの確認

1 PageSpeedInshightsの画面で確認します。

高速改善! JavaScript処理でPageSpeedInshightsのスコアアップ:Javascript削減
高速改善! JavaScript処理でPageSpeedInshightsのスコアアップ:PageSpeedInshits

影響しているJavaScript.jsの拡張子でわかります。

上に記載のJavaScript影響しているのがわかります。

2 更に確認するにはGoogleChromeの場合
  対象ブログ上でF12キーを押すか、右クリック検証を選びことで
  デベロッパーツールが立ち上がります。
  

デベロッパーツール画面でnetworkを選びreloadJavaScriptを選択します。

高速改善! JavaScript処理でPageSpeedInshightsのスコアアップ:デベロッパーツール

以下が確認できたJavaScriptです(****.jsで記述します)

webfont.js
adsbygoogle.js
show_ads_impl_fy2019.js
sodar2.js
analytics.js
osd.js
jsapi_compiled_default_module.js
jsapi_compiled_ui_module.js
jsapi_compiled_graphics_module.js
show_ads_impl_fy2019.js
reactive_library_fy2019.js
adsbygoogle.js

Flying Scripts by WP Speed MattersJavaScriptを設定

Flying Scripts by WP Speed MattersIncludeKeyword設定に貼り付けます。

timeoutはこのままで、変更内容を保存します。

高速改善! JavaScript処理でPageSpeedInshightsのスコアアップ:PageSpeedInshits

結果

Flying Scripts by WP Speed Mattersインストール前

Flying Scripts by WP Speed Mattersインストール後

モバイルにはまだ改善の余地がありそうですが大幅に改善することが出来ました。

まとめ

  • PageSpeedInshitsでの指摘『使用してないJavaScriptの削減
    を解決する為のプラグインの紹介です。
  • JavaScriptの実行を遅らせることでレンダリング時間を改善
    大幅にスピードアップする事が出来ました。
  • プラグイン『Flying Scripts by WP Speed Matters』に
    影響しているJavaScriptを記載するだけの簡単設定。
  • PageSpeedInshitsのスコアアップに結びつくことでブログの上位表示
    にもつながります。
アフィリエイト情報

-IT, ブログ