資産のクリーンアップ プロ

コードの延期とは、プロセスの後半でコードをロードすることを意味します。プリロードまたは非同期とは、他のファイルと一緒にできるだけ早い機会にロードすることを意味します。非同期読み込みでは、ブラウザーは他のファイルと並行してファイルを処理し、レンダリングのブロックを回避します。延期すると、ロードプロセスが終了するまでまったくロードされません。

良好なページ速度スコアと高速な読み込み時間を得るには、すぐには必要でないスクリプトの読み込みを延期する必要があります。あなたが注目するのは「スクロールせずに見える範囲」のコンテンツです。つまり、最初にページをロードしたときに表示される内容です。フッターやページのさらに下の画像には何も読み込む必要はなく、上部のコンテンツのみを読み込むだけです。

表示されているものをロードする必要があるとは限らないため、ここが混乱を招く可能性があります。たとえば、別のファイルに依存する特定の JS ルーチンが存在する場合があります。これは、子 JS サブルーチンが機能するためには、「親」JS ファイルをロードする必要があることを意味します。 Google Insights レポートでよく出てくるのは、 JQUERY ファイル。これは、他の多くの JS ファイルが動作するために依存するフレームワーク ファイルです。アンロードしてみることもできますが、エラーが発生する可能性が高くなります。私のアドバイスは、これをロードしておいて、多くの頭痛の種を避けることです。ロード中でも高スコアを獲得できます。

プリロードにも同様の問題があります。ファイルが非レンダリング ブロックとして読み込まれるのは素晴らしいことですが、ここで重要なのは、ファイルが他のファイルと並行してダウンロードされるということです。これは特に JS ファイルに当てはまり、いくつかの問題が発生する可能性があります。これも依存関係が原因です。子スクリプトのダウンロードが開始される前に親 JS ファイルのダウンロードが完了していない場合、子スクリプトは機能できず、エラーが発生します。

CSS ファイルについても同じことが言えますが、コアエラーが発生するのではなく、レイアウトの問題が発生します。ほとんどのテーマにはコア「モジュール」ファイルがあり、Web サイトの構成要素である CSS コードのほとんどが含まれています。このファイルは、エラーやレイアウトのシフトの問題を避けるためにロードされたままにしておく必要があり、通常は非常に大きくなります。ここで重要な CSS とプリロードが必要になりますが、それについては後で説明します。 ラピッドロード ページ。

したがって、ビデオを見てからページごとに移動し、ボックスにチェックを入れて、各ページからファイルを延期するか事前にロードする必要があります。まったくロードする必要のないものである場合は、ボックスにチェックを入れてサイト全体でアンロードすると、すべてのページでアンロードされます。一度に 1 つまたは 2 つのコードのみを実行し、キャッシュをクリアして確認してください。やりすぎて壊れた場合、どれが Web サイトを壊したかを確認するのは、ちょっとした探偵作業になります。

Asset Cleanup Pro を使用してロード順序を変更することは、Web サイトを最適化するための基本の 1 つです。ただし、これはページ速度プロセスの中で最も時間がかかる段階です。良いヒントは、テーマ ファイルに取り組む前にプラグインを操作することです。ページ上にどのようなプラグインが読み込まれているかが分かりやすく、そのファイルが必要かどうか判断しやすいためです。一部のテーマ関数はわかりにくい場合があり、テーマ ファイルが最も多くのエラーを引き起こすことがよくあります。 1 つの重要なページを除いて、Web サイト全体で何かをロードする必要はないかもしれません。また、アイコンがロードされていない、カルーセルが欠落しているなどを見落としがちです。

だから何 したほうがいい する？

前述したように、最適化には多くの段階があり、これが最初の段階です。幸いなことに、それは最も複雑でもあります。プラグインが必要な場所にのみロードされ、すべてが機能することに満足したら、新しいサイトのバックアップを作成します。次に、ページ速度テストを実行してスコアを取得し、それをメモし、インサイト レポートで気になる別の段階にジャンプします。モバイルでコンテンツの読み込みが重い場合は、画像の最適化やプラグイン オーガナイザーのトリックを試してみてください。

JS ファイルを延期するときに特に役立つもう 1 つの小さなヒントは、Chrome ウィンドウを右クリックして [検査] をクリックすることです。これにより、画面に読み込まれているすべてのコードを示すウィンドウが表示されます。次に、Web ページを更新します。 Chrome コード ウィンドウの上部近くに、十字の付いた小さな赤いアイコンが表示されたら、それをクリックします。これにより、ページ上のエラーが通知されます。エラーの内容を確認し、ページ上のファイル名と照合してください。最後に行ったことをリセットします (または、JQUERY の延期を試みた場合は停止します)。 Web ページを更新して、エラーが解消されたかどうかを確認します。それがなくなった場合は、その特定のファイルを延期すべきではないことがわかります。

一度にすべてをやろうとしないでください。アセット クリーンアップのユーザー インターフェイスに慣れたら、プラグインを実行してからテーマ自体を実行して、徐々に慣れてください。

ビデオの冒頭で、ホストが WordPress のコア機能を削除することについて話していることがわかります。これは他では見られない Asset Cleanup Pro の属性の 1 つであるため、これには特に注意してください。これにより、Web サイトの重量を大幅に削減できる未使用のコア コードを削除できます。

WordPress は非常に大きいので、WordPress が提供するすべてのものを必要とすることはほとんどありません。そのため、それを削減しましょう。 Asset Cleanup Pro を使用すると、プラグイン管理エリアに移動し、小さなトグル スイッチで機能をオフまたはオンにするだけなので、このプロセスが非常に簡単になります。コーディングは必要ありません。

何をするのか それぞれの特徴 する？

フォントの読み込みについては、次のステップに進みます。 OMGF ページ。サーバーへのフォントのダウンロードが完了したら、Asset Cleanup Pro を介して Google Fonts へのすべての発信呼び出しをブロックできます。 [詳細]をクリックしてボックスにチェックを入れるだけです。見た目がひどいデフォルトのシステムフォントしか読み込まれないので、まだ実行しないでください。

フォントに関する簡単なヒント

テーマのオプションでは、使用するフォントの種類をできるだけ少なくします。見出しなどに異なるフォントの太さを使用できますが、異なるタイプを使用しないでください。フォント スタイル ファイルは大きいため、ソリッド フォントを 1 つ選択すると、見た目に一貫性があるだけでなく、速度も大幅に向上します。

ほとんどの人は XML-RPC ピンバック サービスを無効にすることができます。これにより、Web サイトへの攻撃に対するいくつかの扉も閉ざされます。外部ブログ サービス、Jetpack を使用している場合、またはサイトにアプリが接続されている場合は、無効にすることはできません。ただし、これを持っていない場合は、無効にしてください。

コメントは一目瞭然です。使用しない場合は無効にしてください。その場合は、ロードしたままにしてください。 EMOJI と Dashicon についても同じことが言えます。 Elementor や WP-Bakery などのページビルダーを使用している場合は、Gutenberg も無効にしてください。これにより、不要なコードが大量に読み込まれます。ページビルダーがそれを処理します。

HTML ソース コードをクリーンアップすると、それらをほとんどすべて取り除くことができます。ページには手順が記載されているので、どの機能も使用していないことを確認するために読んでください。

Kinstaまたは実際にCloudflareで他のウェブホストを使用している場合は、 しないでください CDN サービスを有効にします。 CDN はすでにこれを処理しているため、有効にするとエラーが発生します。別の CDN を使用している場合は、ここに CDN アドレスを入力します。これにより、Asset Cleanup Pro がセットアップ内の正しい場所からファイルを提供できるようになります。