WordPressで未使用のJavaScriptを削除してサイトのパフォーマンスとユーザーエクスペリエンスを向上させる方法

使用されていない JavaScript を削除する前に、まずこれらのスクリプトの特定のソースを特定する必要があります。PageSpeed Insights や GTmetrix などのツールを使用すると、ページの読み込みに不要な JavaScript を特定するのに役立ちます。

1.未使用のJavaScriptを識別するためにPageSpeed Insightsを使用します。

ページスピードインサイトは、ウェブサイトのパフォーマンスを分析し、最適化の推奨事項を提供するためにGoogleが提供する無料のツールです。ここではPageSpeed Insightsを使用して未使用のJavaScriptを見つけるための手順は次のとおりです：

• ステップ1アクセス ページスピードインサイト.
• ステップ2解析したいWordPressページのURLを入力してください。

• ステップ3クリック "分析済み"ボタンをクリックし、分析が完了するのを待ちます。
• ステップ4をご覧ください。診断"セクションで、"Reduce unused JavaScript "という項目を探してください。

• ステップ5リストされたJavaScriptファイルを見て、ページの機能にとって重要でないスクリプトを特定します。

PageSpeed Insightsは、次のように考えられるページにフラグを立てます。未使用の特定JavaScriptファイル..これはケースバイケースで分析し、ファイルが何に使われているかを確認し、コア機能に影響を与えることなくこれらのスクリプトを削除できるかどうかを確認することができます。

例えば"アナリティクス","トラッキング"は統計や追跡のために使用されることがあり、ページがこれらの機能を必要としない場合は、削除することを検討してください。

2.未使用のJavaScriptを見つけるためのGTmetrixの使用

GTmetrixは強力なウェブサイトパフォーマンス診断ツールでもあります。以下はその具体的な手順です：

• ステップ1アクセス ジーティーメトリックスWordPressウェブサイトのURLを入力してください。
• ステップ2あなたのサイトをテストする」をクリックしてください。

• ステップ3をご覧ください。主な課題"部分的に、"JavaScript実行時間の短縮".
• ステップ4クリック "滝"タグを使うと、ページが読み込んだJavaScriptファイルのリストを見ることができます。

• ステップ5: 読み込みに時間がかかり、コア機能に関連しないJSファイルにフラグを立て、これらのスクリプトの削除を検討してください。

を使用することができます。ブラウザ用開発ツールクロームの"プローブ"ネットワーク "タブでは、ウェブサイトが読み込んだJavaScriptスクリプトを表示し、未使用のスクリプトのソースをさらに特定することができます。

WordPressから未使用のJavaScriptを削除するには？

最適化が必要なJavaScriptを特定したら、プラグインや手動で不要なスクリプトを削除することができます。

方法1：プラグインを使ってJavaScriptの実行を減らす、または遅らせる

WordPressのプラグインは、JavaScriptスクリプトの実行を抑えたり遅らせたりするなど、ウェブサイトの様々な機能を簡単に処理することができます。おすすめのプラグインは以下の通りです：

• 資産のクリーンアップ未使用のJS、CSSリソースを自動的にスキャンして最適化します。
• WPロケット非同期ロードや遅延 JavaScript などのパフォーマンス最適化を提供します。

プラグインの使い方

1. インストールとアクティベーションWordPressのプラグインリポジトリからインストールして有効化します。 資産のクリーンアップ.

2. JSマネジメントこのプラグインは自動的に未使用のリソースをスキャンしてリストアップします。

3. 検査と最適化不要なスクリプトやスタイルシートを無効化または削除します。
4. プラグインの設定非同期ロードと遅延実行の設定は、最適化のために必要に応じて調整してください。

このプラグインは、未使用のスクリプトを自動的に処理し、ユーザーの手動介入を必要とせずにパフォーマンスを最適化するため、使いやすくなっています。

方法2: 使用していないJavaScriptを手動で削除

ご希望であればプラグインなしを使用してパフォーマンスを最適化することができます。以下はその具体的な手順です：

1. サブトピックの作成: 更新時に変更が失われるのを避けるため、親テーマのコードを直接修正することは避けてください。
2. functions.phpを開きます。:サブテーマフォルダにある functions.php ファイルを探します。

3. スクリプトを削除するコードを追加::

function my_remove_scripts() { wp_dequeue_script('script_handle_name'); } add_action('wp_enqueue_scripts', 'my_remove_scripts', 20)； 

4. そうしれいかん スクリプトハンドル名 これを、削除する実際のスクリプト・ハンドルの名前に置き換えます。ハンドルはHTMLソースコードにあります。
5. テストサイト修正後、サイトの機能とレイアウトに問題がないか確認します。

手動による方法はより柔軟ですが、技術的な操作が必要になる場合があります。WordPressのコアファイルの編集に慣れていない場合は、開発者に相談することをお勧めします。

未使用のJavaScriptを削除するメリット

不要なJavaScriptファイルを削除することで、WordPressサイトのパフォーマンスが大幅に向上します：

1. ページ読み込みの高速化不要なスクリプトを削除することで、ロード時間を大幅に短縮できます。
2. ユーザーエクスペリエンスの向上読み込み速度の向上は、ユーザー体験の向上と直帰率の低下につながります。
3. SEOパフォーマンスの向上検索エンジンは読み込みの速いサイトを優先しますので、サイトの順位が上がる可能性があります。
4. サーバーコストの削減不必要なリクエストや帯域幅の消費を減らし、サーバーのストレスを軽減します。
5. セキュリティの脆弱性の低減スクリプトが少ないということは、潜在的な攻撃ポイントが少ないということであり、サイトのセキュリティが強化されます。
6. モバイル体験の最適化未使用のJavaScriptはモバイルにより大きな影響を与えるため、これを削除することでモバイルユーザーのブラウジング体験を向上させることができます。

よくある質問

未使用のJavaScriptを削除しても安全ですか？

未使用のJavaScriptを削除することは、注意さえ払えば安全です。コードを変更した後は必ずサイトをテストし、機能が正しく動作していることを確認してください。

未使用のJavaScriptはどれくらいの頻度でチェックすべきですか？

特にプラグインやテーマのインストールやアップデートの後は、新しい機能によって未使用のJavaScriptが追加される可能性があるため、定期的なチェックをお勧めします。

JavaScriptを手動で削除するリスクはありますか？

スクリプトを手動で削除するのは危険です。不明な場合は、プラグインを使用するか、プロの開発者に相談してください。