GTmetrix が JavaScriptの読み込みのタイミングをずらす よう指摘

2021年12月25日

サイト速度テストツール GTmetrix に JavaScriptの読み込みのタイミングをずらす よう指摘されました。

JavaScriptの読み込みのタイミングをずらす

JavaScriptの読み込みのタイミングをずらす のに WordPressプラグイン Async JavaScript を使います。

JavaScript の読み込みを非同期もしくは遅延化させる。

Async JavaScript のインストール

「プラグイン」「新規追加」をクリック

「プラグイン」「新規追加」をクリック

Async JavaScript 検索し「今すぐインストール」をクリックし有効化する。

Async JavaScript 検索し「今すぐインストール」をクリックし有効化する。

Async JavaScript の設定方法

「設定」「 Async JavaScript 」をクリック

「設定」「 Async JavaScript 」をクリック

「Setting」を選択し Enable Async JavaScript にチェックを入れます。

「Setting」を選択し Enable Async JavaScript にチェックを入れます。

「Async JavaScript Method」「 jQuery」ともに Defer を選択 します。

「Async JavaScript Method」「 jQuery」ともに Defer を選択します。

Defer を選択した方が点数がでます。

ひとつの非同期処理が終わるのを待たずに次の処理を評価します。
スクリプトの実行はHTML解析が終わってから行われます。

Autoptimize プラグインと連携

Enable Autoptimize Support to allow you to override AO’s default “defer” flag (see below) にチェックを入れ、 Autoptimize Javascript Method で Defer を選択します。

「Save Settings」ボタンをクリックして、設定を保存します。

Enable Autoptimize Support to allow you to override AO's default "defer" flag (see below) にチェックを入れ、 Autoptimize Javascript Method で Defer を選択します。

Autoptimize プラグインで最適化した JavaScriptコードを遅延して読み込むことが出来るようになりました。

WordPressのSEO内部対策

WordPressのSEO内部対策 として

SEO対策が施された 有料テーマを使う

有料テーマの中には SEO対策が施された ものがあります。

SEO内部対策・サイト表示高速化

ココナラ のサービスには WordPressのSEO内部対策・サイト表示高速化 をうたったものもあります。
得意(経験・知識・スキル)を売り買いできるサービス
ココナラ 登録方法
ココナラ 登録方法 会員登録しなくてもサービスの検索はできます。 サービスの購入・出品には会員登録が必要です。 ココナラ 登録方法 会員登録をクリックメールアド…
jikuu.site

GTmetrix で Grade A が出るまでにやったこと

GTmetrix で Grade A が出るまでにやったこと
GTmetrix で Grade A が出ました。 PageSpeed Insights では良い点数がでいたのですが GTmetrix では Grade B …
jikuu.site