WordPressで未使用のJavaScriptを削除する方法

公開: 2022-10-02

あなたが WordPress ユーザーなら、ウェブサイトを高速化する方法を常に探している可能性があります。 これを行う 1 つの方法は、使用していない JavaScript をサイトから削除することです。 JavaScript は、Web ページをインタラクティブにするのに役立つプログラミング言語です。 これにより、ボタンをクリックしたり、ポップアップ ウィンドウを表示したりできます。 WordPress は、別のプログラミング言語である PHP で記述されています。 ただし、多くの WordPress テーマとプラグインは JavaScript を使用しています。 これは、サイトで JavaScript をまったく使用していなくても、ページにJavaScript コードが読み込まれている可能性が高いことを意味します。 この JavaScript コードはサイトの速度を低下させる可能性があるため、未使用のコードを削除することが重要です。 この記事では、WordPress で使用されていない JavaScript をプラグインなしで削除する方法を紹介します。

Pagespeed の [最初のインタラクションまでの遅延] ツールを使用して、未使用の Javascript をマーケティングやその他の重要でないプラグインから削除できます。 WP Meteor は、ユーザーの操作後に Javascript をロードできる、無料でテスト済みの最新のプラグインです。 アセットの遅延に問題がある場合は、プラグインに対応する正規表現またはキーワードを使用できます。 JavaScript を遅延させるための WP Rocket のロジックが更新され、インライン スクリプトを含むすべての JavaScript が遅延されるようになりました。 サードパーティのプラグインを遅らせることで、Pagespeed の「サードパーティの警告の影響を軽減する」に対処することもできます。 Web サイトのデスクトップ ユーザーが 90% 以上の場合、モバイル メニューを後で実行するよりも早く実行する方が望ましい場合があります。 Javascript および css ファイルは、プラグインを使用しないと WordPress から削除できません。

Assets List Layout を変更すると、サイズに基づいてアセットを表示できます。 テスト モードで削除されたアセットを任意に組み合わせて実行できます。 連携して、WP Meteor と Autoptimize を同じプログラムで使用できます。

未使用の Javascript を Web サイトから削除するにはどうすればよいですか?

クレジット: phpinfo.in

WordPress ベースの Web サイトをお持ちの場合は、プラグインを使用してページから未使用の JavaScript を削除できます。 また、AssetCleanUp と組み合わせて使用​​できる AssetCleanUp を使用して、まだ使用されていない JavaScript ファイルを無効にすることもできます。 未使用の JS がどうなっているのか知りたい場合は、 Chrome DevToolsを使用して不要なファイルを削除してください。

未使用のWordPressコードを削除するにはどうすればよいですか?

クレジット: quadlayers.com

投稿編集画面で、投稿エディターの横にAsset CleanUpというラベルの付いたボックスが表示されます。 訪問者が Web サイトの特定のページを表示すると、プラグインはそのページに関連付けられているすべてのファイルとアセットを自動的に取得して一覧表示します。 次に、不要な未使用の CSS または JavaScript ファイルをそのページから削除できます。

WordPress で Javascript を無効にするにはどうすればよいですか?

クレジット: wphelp.blog

WordPress で JavaScript を無効にする方法を知りたいと仮定すると、使用できる方法がいくつかあります。 1 つの方法は、テーマまたは子テーマの header.php ファイルを編集して、 JavaScript ファイルを呼び出すコード行を削除することです。 もう 1 つの方法は、Disable JavaScript や JS Disable などのプラグインを使用することです。

WordPress で Javascript を無効にするにはどうすればよいですか?

WP_deregister_script を使用して、不要な JS、CSS を特定のページから削除できます。 次の例で説明されている関数を考えれば、良いでしょう。 この場合のプラグインには 20 個のjs 呼び出しがあります。

アセットのクリーンアップでサイトのファイル サイズを縮小する

Bootstrap、Foundation、AngularJS などの一般的なフレームワークを使用している場合、ページの読み込みに不要なアセットの多くを使用している可能性があります。 「アセットのクリーンアップ」中に、これらのアセットを無効にすることで、サイトのファイルのサイズを大幅に削減し、ページの読み込みを高速化できます。

WordPress スクリプトを削除するにはどうすればよいですか?

Head Cleaner は、WordPress のヘッダーとフッターから CSS とスクリプトを削除するために使用されるプラグインです。 プラグインは設定のプラグイン セクションからダウンロードでき、出力を必要としないスクリプトを選択します。

WordPress でのスタイルシートの登録解除とエンキュー

最初のメソッドである deregister_style() は、WordPress スタイル エンジンからスタイル シートを削除します。 このメソッドを使用してプラグインまたはテーマからスタイル シートを削除できますが、スタイル シートをサーバーから削除したくありません。 2 番目の関数である Dequeue_style() は、WordPress スタイル エンジンを使用して新しいスタイル シートをキューに追加します。 プラグインまたはテーマにスタイル シートを追加する場合、この方法が役立つ場合がありますが、既存のスタイル シートを上書きするために使用しないでください。 deregister_style() および dequeue_style() コールバック関数の両方で、使用できる 3 番目のパラメーターがあります。 スタイルシートを登録解除またはエンキューするときにこの関数を呼び出すことができ、必要なことは何でも実行できます。 スタイル シートの登録を解除またはデキューする場合は、まず、削除または追加するスタイル シートの名前を見つける必要があります。 関数 get_style() および get_style_object() をこのように使用することで、これを実現できます。 WordPress スタイル シートには、スタイル シートに関連付けられたスタイル オブジェクトの名前を返すことにより、それぞれ get_style() および get_style_object() メソッドを使用してアクセスできます。 次にスタイル シートが表示され、必要な場所に配置されます。 関数 get_stylesheet() および get_stylesheet_object() を使用することは、これを達成するための良い方法です。 Get_stylesheet() と get_stylesheet_object() はそれぞれスタイル シートへのパスを返します。 別の方法として、deregister_style() または dequeue_style() メソッドを使用して、WordPress からスタイル シートを削除または追加することもできます。 deregister_style() を使用してスタイル シートの登録を解除するには、次のコードが必要です。 スタイル シート br> の登録を解除する必要があります。 WordPress_dequeue_style (theme'my_css_file'); *br>次のコードで説明されているように、dequeue_style() を使用してスタイル シートをキューに入れるには、次のコードを使用します。 これを行うには、スタイル シート *br* を選択します。 このスタイルは WP_enqueue_style(my_css_file.css,'my_callback_function') で使用されます。