インストール プラグイン

まず、 Asset Cleanup Pro の完全有料版 より機能が満載なので、プラグインの無料コピーを決してダウンロードしないでください。これらには悪意のあるコードが含まれている可能性があり、決して更新されないため、非常に脆弱になります。

何をするのか アセット クリーンアップ プロ する？

最適化プラグインのスタック全体が 1 つにまとめられたようなものです。また、Web サイト内のすべてのページを大幅に制御できるようになります。スクリプトをページレベルまでロード/アンロードしたり、未使用の WordPress 機能をアンロードしたり、コードを延期したり、プラグインを制御したりできます。

一言で言えば、これはウェブサイトを制御するための最良のプラグインであり、 強くお勧めします。次のページで使い方を少し説明します。

機能が多すぎるため、専用のページが必要です。

サーバーに適切なキャッシュ システムが組み込まれていない場合は、WP-Rocket を Asset Cleanup Pro と並行して実行できます。 Asset Cleanup Pro はキャッシュ機能と連携して動作するため、キャッシュ ソリューションが必要な場合に最適です。

良好なページ読み込み時間とページ速度スコアを取得するには、画像を最適化することが重要です。最近の画像は非常に大きくなる場合があり (数 MB)、この Web ページ全体がコードと画像を含めて約 650kb であることを考えると、画像を軽量化することの重要性がわかります。

WordPress リポジトリにはいくつかの画像オプティマイザーがあり、それらのほとんどは適切に機能します。私がオススメするのは２つあります。 ショートピクセル そして イマジファイ.

Shortpixel は無料で (一度に 50 枚の画像を最適化することを気にしない限り)、すぐに使えるので便利です。フォローしやすいものがあります ショートピクセル ユーザーガイド 試してみたい場合は、このページをご覧ください。

ただし、Imagify をインストールすることをお勧めします。このサービスは、毎月 200 枚までの画像は無料で、無制限に使用できるのは $10/月のみです。設定するだけで忘れることができ、サーバーがサポートしていれば、新しい WEBP 形式を使用して画像を変換 (および提供) することもできます。 Kinstaホスティング 気になる方のために、WEBP 画像圧縮をサポートしています。

繰り返しになりますが、このガイドの後半で Imagify に関するページを用意します。これを画像最適化プラグインとして使用することをお勧めします。

WP-ロケット は主に、Web サイトを高速化するキャッシュおよびパフォーマンスのプラグインです。これは年間 $49 の高価なソリューションの 1 つですが、非常にうまく機能します。これが非常に優れている理由は 2 つあります。1 分でわかるセットアップ プロセスを備えていることと、処理が速いことです。

それに加えて、Asset Cleanup Pro と完全に互換性があり、最適化のあらゆる側面に取り組む準備ができているセットアップが完成します。ウェブサイトにキャッシュ システムがある場合でも、 WP-ロケット ロード時間とスコアが向上します。

キャッシュは一種のメモリ バンクとして機能します。すべてのファイルとページをサーバー キャッシュに保存し、そのページを次の訪問者に提供します。これにより、次の訪問者がページを作成するためにファイルを再度ダウンロードする必要がなくなります。これにより、CSS 環境と JS 環境の両方をページをロードするたびにダウンロードする必要がなくなり、速度が向上します。

について一言 ウーコマース

キャッシュは、コンテンツが決して変更されない静的ページに最適です。ただし、動的サイトの場合は、問題が発生したり、セキュリティ上のリスクが発生したりする可能性があります。

Web サイトで買い物をしていて、バスケットに進み、チェックアウトするところを想像してください。チェックアウトすれば問題ありません。ただし、キャッシュを使用すると、前回の訪問が記憶されているため、次にバスケットにアクセスする人に、あなたのバスケットとチェックアウトの訪問が表示されます。これは、バスケットとチェックアウト ページを決してキャッシュすべきではないことを意味します。それらのページは常に最適化から除外してください。これらはランディング ページではないため、SEO には影響しません。

あなたはできる WPロケットをダウンロード ここ。

プラグインオーガナイザー オールディーズですがゴールディーズです。もう一度、次のページでその仕組みを説明します。

これにより、デバイスごとにプラグインのロードを無効にすることができます。 JS の重いプラグイン (Slider Revolution など) をデスクトップのみにロードしたいが、ページの重量を節約するためにモバイルにはスクリプトがロードされていないことを確認するとします。これは、そのような場合に最適なプラグインです。

これを別の小さなプラグインと組み合わせることもできます。 HTML スニペット。あなたが行うことは、重いコード、JS、またはビデオをスニペットに配置し、そのスニペットを元のコードではなく Web ページビルダー自体に配置することです。次に、モバイルでの HTML スニペットの読み込みを無効にします。これについてはプラグイン オーガナイザー ページで詳しく説明しますが、これはプラグインにとって大変革です。 ウェブデザイン.

フォントのサイズは驚くほど大きいです。各フォント ファイルは最大 200 kb になる可能性があるため、使用するフォント ファイルをできる限り少なくし、ブラウザでプリフェッチして即座に表示できるようにサーバーにダウンロードする必要があります。

フォント スタイルだけでなく、フォントの太さもあります。私たちのほとんどは Google フォントを使用しているため、フォントのウェイト (太さ) が異なると、追加のファイルがダウンロードされる可能性があります。テーマがダウンロードする各ファイルにより、Google フォント サーバーが呼び出されます。これは外部接続であり、ページに適用される前にブラウザがダウンロードする必要があるため、これは実際には望ましくありません。

何をするのか OMGF する？

数回クリックするだけで、 OMGF Web サイト全体を分析し、フォントをサーバーにダウンロードします。信じられないほどシンプルで、効果があります。ガイドの後半で OMGF のセットアップに関するページを再度用意しますが、今すぐダウンロードしてインストールしてください。それは無料です。

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

常に「」を使用してくださいフォント表示: 交換フォントをどのように表示したいかを尋ねられたとき。これにより、テーマから様式化されたフォントをダウンロードせずに、標準のシステム フォントが簡単に表示されます。 Google はこれを気に入っており、ページの読み込み時間に大きな違いをもたらします。

Flying Scripts は、実際には WordPress 用の高速プラグインを作成する開発者の名前です。インストールする簡単なプラグインが 2 つあります。 2 つのプラグインを合わせた合計セットアップ時間は 2 分未満で、どちらも無料のプラグインです。

とは何ですか これら プラグイン？

一つ目は フライング・アナリティクス。これにより、Google アナリティクス スクリプトがサーバーにダウンロードされるため、アナリティクスまたはタグ マネージャーの使用時に Google への遅い JS 呼び出しが発生しなくなります。これについては Flying Scripts ページで詳しく説明しますが、Google トラッカーを使用するとページ速度が大幅に低下します。

それでは、それをインストールしてください。アクティベーション後に行う必要がある唯一の設定は、Analytics / Google タグのトラッキング コードに入力することです。コードを節約するために、最小限のトラッキングに設定することをお勧めします。必要なのはこれだけです。以上です！

どうですか 2番 プラグイン？

それは呼ばれています フライングページ – そしてセットアップがさらに簡単になりました。インストールしてアクティベートするだけで完了です。私がお勧めする唯一のことは、マウスホバー時にのみプリロードするように設定することです。これは、リンクから各ページをプリロードすると、エンド ユーザーの読み込み時間は速くなったとしても、ページ速度スコアがわずかに低下する可能性があるためです。マウスホバー時のページのプリロードは、ユーザーがリンク上にホバーしたときにのみ有効になります。これでもエンド ユーザーのページ読み込み時間は短縮されますが、ページ速度の問題は解決されます。

ほとんどの WordPress Web サイトはテーマを使用します。テーマは 1 つを除けば素晴らしいものです。それは、膨大な内容が含まれていることです。

とは 膨満感?

肥大化とは、ページ上で不要な追加のコードが実行されている状態です。肥大化の最も一般的な形式は Javascript と CSS です。

ここで、テーマを購入したときのことを思い出してください。おそらく、見た目が素晴らしく、機能が豊富で、本当に素晴らしい機能がたくさんあるという理由で購入したでしょう。問題は、ページ テンプレートを構築したところで、テーマのオプションのすべてのレパートリーに近い部分を使用していない可能性があるということです。ここで肥大化が発生します。これはページで使用しないコードであり、今後の使用にも役に立ちません。

これらのグラフィックス、CSS 効果、JS オプションはすべて有料です。これらは CSS / JS ファイル内にあり、使用するかどうかに関係なくページにロードされます。おそらくテーマで CSS の 70-80% を使用していないことを考えると、ブラウザに読み込まれる未使用のデータの量が膨大になる可能性があります。ここで CSS / JS の純化が役に立ちます。必要なコードのみを使用してファイルを書き換えるので、データが大幅に節約されます。

どうやって ラピッドロード ヘルプ？

繰り返しになりますが、それ専用のページを用意しますが、本質的には ラピッドロード CSS を書き換えて、ページ上にブロートウェアが存在しないようにします。また、異なるページで異なるレイアウトを使用している場合に備えて、ページごとに実行されます。完全に設定すればあとは忘れるだけで、膨大な量のデータを節約できます。CSS の総重量を最大 90% 削減できます。これは、テーマ付き Web サイトでは 1MB 以上に相当します。

純粋主義者のために、これを行う無料のオプションがあります。 PurifyCSS ウェブサイト。 CSS を浄化する方法については、次のサイトで読むことができます。 CSS ブログ ページ。これはコード分割と呼ばれるもので、特にページ数が多く、Rapidload がすべてを自動的に実行する場合には、処理が重くなる可能性があります。

現時点で実際にインストールする必要があるプラグインはこれだけです。ウェブサイトに過負荷をかけることなく適切に最適化するツールを提供します。私と一緒に ページスピードサービス より多くの手動チューニングを行うことができます。このガイドで説明する部分は、Web サイトが確実に合格することを保証します。 Google のコア ウェブ バイタル そしてランキングの順位を上げてください。

でもどうやって 使用しますか 彼ら？

ここでは、Web サイトに対して各プラグインが何を行うのか、また高速化を開始する方法について詳しく説明します。これらのプラグインは、その柔軟性のために選択されていることがわかります。

これらを使用すると、JS の遅延から CSS のプリロードまで、読んだすべてのことを実行できるようになります。