PageSpeed Insights表示されたことがあるかもしれません。WordPressでこれを簡単に実行する方法をご紹介します。
WordPressでJavaScriptを延期する
WordPress内でJavaScriptの解析を延期するには、主に3つの方法があります。WordPressプラグインは、JavaScriptの解析を延期する優れたソリューションを提供します。これを行うためのプラグインには、無料版と有料版の両方があります。ここでは、2つの人気プラグインを使って、その具体的な方法をご紹介します。.
技術に精通したユーザーであり、サイト上で直接コードを編集して Varvy のスニペットを使用する意思がある場合は、Varvy メソッドを使用するという選択肢があります。.
子テーマのfunctions.phpファイルに小さなコードスニペットを追加することで、スクリプトの読み込みを自動的に遅延させることもできます。まずは最初の方法から始めましょう。
1. 無料の非同期JavaScriptプラグイン
Frank Goossens 氏は、Async JavaScript という無料の WordPress プラグインを作成しました。このプラグインは、話題の Autoptimize プラグインを開発した人物によって開発されました。.
これを使用すると、async または defer メソッドを使用して JavaScript の解析を簡単に延期できます。.
WordPress.orgから無料のプラグインをインストールして有効化することで、プロセスを開始できます。その後、設定ページの「非同期JavaScript」セクションでプラグインの設定を行うことができます。.
上部では、プラグインの機能を有効にし、非同期と遅延のどちらかを選択できます。.
非同期ダウンロード中に HTML が解析されている間に JavaScript がダウンロードされますが、JavaScript を実行するために HTML 解析は一時停止されます。.
この機能により、HTML の解析中に JavaScript をダウンロードし、HTML の解析が完了した後に実行を待機できるようになります。.
jQueryの方法を選択できます。jQueryスクリプトの解析を遅延させると、ウェブサイトのコア機能が損なわれる可能性があります。安全を期したい場合はjQueryを除外することをお勧めしますが、遅延させて実験したい場合はそれも問題ありません。ウェブサイトを公開する前にテストしてください。
また、サイト上でアクティブな特定のテーマやプラグインを遅延させるかどうか選択してターゲットにできる、ユーザーフレンドリーな便利な機能もあります。また、特定のスクリプトを手動で遅延の対象にしたり、遅延の対象から除外したりする機能もあります。.
2. WP Rocketプラグインを使用する
WP Rocket プラグインは、WP Rocket プラグインとスムーズに統合されるサーバーレベルのキャッシュ機能が組み込まれているため、私たちが許可する数少ないキャッシュ プラグインの 1 つです。.
WP Rocketダッシュボードの「ファイル最適化」タブには、その他多くのパフォーマンス最適化オプションと、JavaScriptの解析を遅延させる機能が含まれています。これらの機能は「パフォーマンス」タブにあります。「JavaScriptファイル」セクションには、「JavaScriptを遅延読み込み」というオプションがあります。.
Varvyの推奨方法を使用する
この投稿の前半で、Varvy の Patrick Sexton が、サイトの初期読み込みが完了するまで待ってから JavaScript をダウンロードして実行するコード スニペットを使用することを推奨していることについて言及しました。
Varvy が提供するコード スニペットを微調整し、body タグの終了タグの直前にスクリプトを追加することで、Varvy が提供するコード スニペットをテンプレートとして使用してこのメソッドを実装できます。.
Seahawk Media Blogで、このような記事をもっとご覧いただけます。
WordPress サイトを高速化したいとお考えですか? 当社のWordPress 速度最適化サービス。
