コンテンツにスキップ

WordPressの速度を向上させ、パフォーマンスを改善する

CloudflareのCDNサービスは、私たちの巨大なグローバルネットワーク全体でコンテンツをキャッシュするのに役立ちますが、パフォーマンスは単に静的ファイルを訪問者に近づけることだけではありません。CloudflareはCDNを提供するだけでなく、Cloudflareの最適化機能を使用することで、従来のCDNではできない方法でWordPressサイトのパフォーマンスを向上させることができます。

匿名ページビューのキャッシング

匿名ページビューのためのキャッシュルールを作成しています。

Cloudflareの「Cookieでキャッシュをバイパス」機能により、ログインしていないページをCloudflareが完全にキャッシュできるようになります。これにより、HTMLが実質的に静的であるページを再生成する必要がなくなるため、サーバーは時間とリソースを節約できますが、動的な動作には干渉しません。ユーザーがWordPressダッシュボードにログインしたり、WooCommerceに何かを追加したりすると、エッジキャッシュはバイパスされます。

画像の最適化

画像はページの読み込み時間に非常に大きな影響を与える可能性がありますが、幸いなことにCloudflareは画像の読み込み時間を劇的に改善することができます。これらの機能は、CloudflareダッシュボードのSpeed > Optimization > Image Optimizationから見つけることができます。

Polishを有効にすると、画像を圧縮しメタデータを削除することで、画像とウェブページの読み込み時間を劇的に改善できます。ロスレスはほとんどのメタデータ(例:EXIFデータ)を削除しますが、画像の詳細は変更しません。ロスはほとんどのメタデータを削除し、画像を約15%圧縮します。

モバイル訪問者向けにサイトを最適化したい場合は、Mirageを有効にすると、エンドユーザーのネットワーク接続とデバイスタイプに基づいて画像が最適化され、配信されます。

HTTP/2を有効にする

HTTP/2は、マルチプレクシングやヘッダー圧縮など、さまざまなパフォーマンス機能を提供します。WordPressサイトでHTTP/2を有効にするには、サイトがHTTPS経由で読み込まれていることを確認してください。

SSLを有効にした後、ユーザーがHTTPSバージョンにリダイレクトされることを確認する必要があります。これにより、HTTP/2経由で読み込むことができます。これは、Always use HTTPS Page Ruleを使用して行うことができます。

WordPressウェブサイトがHTTP/2で正しく読み込まれるようにページルールを作成します。

CloudflareのWordPressプラグインを使用すると、HTTP/2 Server Pushを使用して必要なアセットをユーザーにプッシュでき、CSSやJavaScriptを読み込むために必要なラウンドトリップの数を劇的に減らすことができます。設定方法については、WordPressでHTTP/2 Server Pushを有効にする方法を参照してください。

アセットのミニファイ

GruntやGulpをビルドプロセスの一部として使用している場合、ビルド内でミニファイを実装できます。

HTTP/2のマルチプレクシングリクエストのため、CSSやJavaScriptファイルを結合したり、これを行う可能性のあるものをサーバーにインストールすることはお勧めしません。

高度なパフォーマンスツール

エンタープライズユーザーは、HTMLヘッダーからのURLのプリフェッチカスタムキャッシュキーを利用してキャッシングを強化できます。