SWELLのスクリプト遅延読み込みが効かない原因は？プラグインの影響でした

SWELLにはスクリプト遅延読み込みという高速化機能があります。

とても高機能なのでSWELLユーザーは必ず使用して欲しい機能の1つです。

スクリプト遅延読み込みは極端に言えば、PageSpeedInsightのスマホで得点を出すための対策です。

Page Speed insightで未使用のJavascriptでレポートされるjavascriptをスクリプト遅延読み込みに指定していけば点数が良くなります。

この記事を書いた人

フリーランサー

Wordpressのカスタマイズ歴10年のプロです。無料から有料までWordpressテーマの使用経験は豊富。SWELLやCocoon、Snowmonkey、Arkheなどテーマのカスタマイズに関する知見も深い。Webサイト制作からカスタマイズまで仕事を請け負った実績は多数あり。
第二種情報処理技術者試験（合格率：15.5％）、Google アナリティクス上級者向けコース、Google タグ マネージャーの基礎コース、上級ウェブ解析士、HTML5プロフェッショナル認定 レベル2

Googleアドセンスの遅延読み込み指定

公式サイトの記述例をそのままコピペして安心していたのですが、アドセンスのスクリプトの遅延指定は入っていませんでした。

こちらを追加すると、アドセンス関係のjavascriptで点数が下がることはなくなります。

adsbygoogle.js,

Page Speed Insightでレポートされているファイル名を指定するのではなく、ソースコードで指定されているjavascriptのファイル名を指定する必要があります。

アドセンスを遅延読み込みすると検索順位が低下する可能性があります。

無理にアドセンスを遅延読み込みするのはリスクがあると知っておきましょう。

Google tagmanagerの遅延読み込み指定

公式サイトの記述例をそのままコピペして安心していたのですが、googleタグマネージャーのスクリプトは対応していませんでした。

こちらを追加するとgoogletagmaner関係のjavascriptで点数が下がることはなくなります。

googletagmanager.com/gtm.js,

Page Speed Insightでレポートされているファイル名を指定するのではなく、ソースコードで指定されているjavascriptのファイル名を指定する必要があります。

Autoptimizeとかのjavascript圧縮はキーワードで除外しないとダメです

SWELLのスクリプト遅延読み込みは高機能でインラインの<script>タグも遅延させてくれます。

ですが、他のプラグインで、インラインのjavascriptを圧縮してしまうとSWELLのスクリプト遅延読み込みで見つからなくなります。

Autoptizeではインラインのjavascriptも圧縮してくれてしまうので、スクリプト遅延読み込みが効かなくなります。

AutoptizeにもSWELLのスクリプト遅延読み込みと同じキーワードを指定して除外すれば問題なくなります。

SWELLのスクリプト遅延のキーワードをAutoptimizeのjavascript除外設定に読み込ませることで、AutoptimizeとSWELLの設定を共有できます。

add_filter('autoptimize_filter_js_exclude','swell_to_ao_scr');
function swell_to_ao_scr($in) {
	
	$delay_js_list =  \SWELL_Theme::get_option( 'delay_js_list' );
	return $in.','.$delay_js_list;
}

まとめ

SWELLのスクリプト遅延読み込み機能を使う場合は、Page Speed insightで報告されるファイル名ではなく、自分でヘッダーやフッターに埋め込んだスクリプト名を指定します。

Page Speed insightで報告されるファイル名は、javascriptを読み込んだ後のファイル名なので、SWELLが見ているファイル名とは異なるためです。

また、Javascriptを圧縮するプラグインを併用している場合は、インラインスクリプトが圧縮されてSWELLが見つけられないことがあるので、Javascriptを圧縮するプラグインからその部分は除外しましょう。

SWELLのスクリプト遅延読み込み機能を使ってもPage Speed Insightの警告が消えない

javascriptの圧縮プラグインが入っているとSWELLがスクリプトを見つけられません。

javascript圧縮からインラインスクリプトを除外する必要があります。

SWELLのスクリプト遅延読み込み機能を使ってアドセンスを遅延させても大丈夫？

アドセンスアカウントがBANされることはないと思いますが、検索順位が下がって、収益も下がったという事例はたくさんあります。

アドセンスは遅延読み込みしない方がよいです。