RapidLoad CSS 精製

Rapidload は、以前は Autoptimize が機能する必要があるプラグインでしたが、現在はそれ自体がスタンドアロンの CSS プラグインです。 Rapidload をインストールすると、WordPress 管理ダッシュボードの上部バーに表示されます。それをクリックすると、プラグインのメイン コントロール領域に移動します。

それでどうやって やりますか これを使って？

最初に行うことは、ページ、製品、投稿を追加することです。必要に応じて、サイトマップ全体を追加することもできます。これにより、すべての URL がスキャンされ、新しいファイルが作成されます。このプロセスには時間がかかるため、各ページの進行状況を確認するには、下部にある [自動更新] ボックスにチェックを入れてください。 URL が停止した場合は、各 URL の横にある [キューに登録] または [処理中] ボタンをクリックしてください。

ページまたは問題のある CSS ファイルがある場合は、新しい CSS ファイルからそれらを除外できます。これにより、スタイルの問題が発生した場合に、特定のファイルが元の場所から読み込まれます。また、重要な CSS を有効にしますが、専用のモバイル / AMP サイトがない限り、別のモバイル CSS はそのままにしておきます。テーマは実際には応答性が高くなるように設計されており、別個のキャッシュがあると Web サイトの速度が低下する可能性があります。

重要 キャッシュ/縮小 ポイント

キャッシュまたは最適化プラグインを実行している場合、 WPロケット または アセット クリーンアップ プロ、コードを縮小またはインライン化するボックスにチェックを入れないでください。実際、下部のボックス (追加オプション) には何もチェックが入っていません。これは、すべてのキャッシュが最適化ソフトウェアによって処理され、再度キャッシュしようとすると、レイアウト上の問題が発生する可能性があるだけでなく、実際に速度が低下するためです。 1 つのプラグイン ソースからのみキャッシュと縮小を行います。

もう 1 つの重要な点は、「自動キュー」機能です。静的なコンテンツを含む Web サイトをお持ちの場合、つまり、ページや投稿を作成してもそれらは同じままである場合、 しないでください ファイルを再度キューに入れます。一度ファイルを作成すると、ユーザーがアクセスするたびに URL ごとにファイルを常に再作成することなく、ファイルをそこに保持します。大規模なサイトの場合、Web サイトは常に CSS ファイルを再作成するため、サーバーにかなりの負荷がかかります。

動的コンテンツまたは追加コンテンツが常に同じページに追加されている場合は、この機能を有効にしてください。これは、新しいコンテンツが新しい CSS が使用されていることを意味する可能性があり、ページを適切に表示するために必要な CSS をロードするファイルが必要であるためです。繰り返しになりますが、Woocommerce Shop などの動的コンテンツがある場合にのみこれを有効にしてください。 Rapidload には、サイトの種類に役立つ「セーフリスト」パックがいくつかあります。たとえば、Woocommerce のものは、バスケットやチェックアウトのページがキャッシュされたり、何らかの方法で変更されたりするのを防ぎます。

Rapidload は、エラーがある場合に警告を表示します。使ってみるとわかります。すべてが正常な場合は上部バーに緑色のアイコンが表示され、一部のページにレイアウト エラーがある場合はオレンジ色のアイコンが、全体的に問題がある場合は赤色のアイコンが表示されます。ページを確認し、ページが「すべて緑色」になるまで設定を調整してください。

CSS Rapidload がどれだけ節約できるかがわかります。ページ上にマウスを移動すると、KB 数と、節約しているコード量の割合が表示されます。その違いを見ると非常に驚くべきことですが、WordPress を使用するほぼすべての Web サイトでページの読み込み時間が大幅に短縮されます。

これで成功するでしょうか 違い?

はい、特にモバイルデバイスではそうなります。 CSS ファイルは、特に商用の WordPress テーマでは非常に大きくなる可能性があるためです。データの節約量はかなり大きくなります。一部のstyles.cssファイルは1MBを超える場合があるため、そのうち約80～85%を節約できると想像してください。最初のページのダウンロードサイズは大幅に削減されます。これは、特にモバイル デバイスでスコアを非常に高くするための主な方法です。場合によっては、Rapidload のみを使用した場合、モバイル ページ速度スコアが 30% 増加したことがあります。

手動による CSS の精製は、CSS の専門家向けに予約されています。 CSS ファイルは大きいため、Web サイトからどの CSS を取得するかを正確に把握し、すべての作業をテストしてから再テストする必要があります。

Rapidload はこれらすべてを保存します。それだけではなく、あなたも ない 実際には、元の CSS ファイルから何も取り出しません。これには大きな利点があります。たとえば、将来、テーマ内で別のパーツや機能を使用したい場合は、自由に使用できます。 CSS ジェネレーターを再度実行してください。手動浄化では、一度取り出すと永久に消えてしまいます。