まだWordPressのための最高のパフォーマンスプラグインを知らないのですか?ディスカバー Perfmatters

Perfmatters、コンフィギュレーションガイド。

 
Perfmatters、コンフィギュレーションガイド。

PHPなどのサーバーサイド言語には対応していません。カスタムPHPコードを追加するには、Code Snippetsプラグインを使用することをお勧めします。

プリロード

Perfmatters、コンフィギュレーションガイド。 49

プリロードでは、最初の「Instant Page」というオプションは、instant.page ライブラリを使用し、2KB以下の小さなJSファイル(instantpage.js)をあなたのサイトのローカルに読み込み、ユーザーがリンク、またはデスクトップ版の画像にマウスを合わせたときにURLをプリロードするために使用されます。モバイルでは、ユーザーが画面上のリンクをタップし始めた後、それを離す前にURLがあらかじめ読み込まれます。

65ミリ秒後に、バックグラウンドで自動的にURLのプリロードが開始されます。

このツールは、Litespeedの「Instant Click」やWP Rocketの「Preload Links」に相当するものなので、この2つのプラグインのどちらかでこのオプションを使用している場合は、Perfmattersを試すためにこれを無効化する必要があります。

私の場合、Litespeedの同等のオプションよりも少し効果がありましたが、場合によってはサーバーの負荷を増加させる可能性があることに注意する必要があります。

JavascriptやCSSのオプションと同様に、プリロードとプリコネクションの使用は、さまざまなテストに基づくニーズに応じて使用する必要があります。

Perfmatters、コンフィギュレーションガイド。 50

重要な画像(フォールドより上の画像)のプリロードは、まだベータ版ですが、Core Web Vitalsの大きなコンテンツ(LCP)のペイントにかかる時間を短縮するのに役立つオプションです。

これらは通常、ロゴ、投稿の特集画像、ランディングページのメイン画像などのような画像です。プリロードすると、滝の一番上に移動し、ブラウザに「優先的に読み込むべきものです」と 伝えることができます。

プリロードは0枚(デフォルト)、5枚から選択できます。Chromeでは、滝の上部に表示されるプリロード画像は2枚までなので、せい ぜい2~3枚を選ぶことをパーマッターズは推奨しています。

レイジーローディング

Perfmatters、コンフィギュレーションガイド。 51

WordPressが2020年にリリースした5.4からネイティブで搭載した、もう一つのパフォーマンスに関する定番。

私の場合、テストでは若干良い結果が得られたのでLitespeedオプションを使用していますが、それでもPerfmattersのものは本当によく機能し、また背景画像のCSSにも適用されます。

フォント

Perfmatters、コンフィギュレーションガイド。 52

もうひとつ、いいことがあります。このオプションは、.NET Framework 1.7.4で追加されたものです。 パーフマターズは、2022年6月7日に発売されました。数回のクリックでGoogle Fontsをローカルにホストし、ロードすることができます。

フォントをローカルにホスティングする利点はたくさんあります。フォントを完全に制御でき、すべてのリクエストを排除できるため読み込み時間が短縮され、フォントの提供方法を決めることができます。

この機能は、あなたのブログに存在するGoogle Fontsの参照を自動的に探し出し、fonts.google.comから対応するフォントをダウンロードして、あなたのサーバー上のディレクトリ:/wp-content/cache/perfmatters/your-domain.com/fonts/にローカルにホスティングします。

この記事では、その使用方法について詳しく説明しています。

CDN

Perfmatters、コンフィギュレーションガイド。 53

特別なことは何もなく、コメントすることはほとんどありません。ツールで、いつも使っているCDNを追加しておくと便利です。QUIC.CLOUDを使用しているため、まだ必要ありません。

アナリティクス

Perfmatters、コンフィギュレーションガイド。 54

Matomoへの移行を開始し、Analyticsスクリプトの管理をRGPD/CCPA用のクッキー同意管理プラグインに 追いやり、こちらも正しく管理しているので今は使っていませんが、昔使っていたのでPerfmattersと非常に相性が良いことは知っています。

ここから、Google Analyticsのスクリプトをローカルにホストすることができます。これは、追加のDNSルックアップを減らし、彼らのスクリプトの「ブラウザのキャッシュを悪用する」問題を解決することによって、サイトを高速化するのに役立ちます。

Perfmattersによると、皮肉なことに、Google自身のスクリプトはキャッシュに関する警告を吐くが、これはHTTPキャッシュヘッダの有効期限が非常に短いためであるとのことだ。自分でホストしている場合は、自分のCDNやサーバーのHTTPキャッシュヘッダが自動的に適用されます。つまり、スクリプトのキャッシュを完全に制御することができます。

また、このツールはGoogleが公式にサポートしているわけではないが、何年も問題なく使用されているとのことです。

Google Analyticsをローカルでホスティングし、独自のCDNやサーバーからスクリプトを提供することで、単一のHTTP/2接続を利用することも可能です。

この記事 には一部アフィリエイトリンクが含まれています。

Suscríbete para recibir los post en tu email sin publicidad

関連記事

Este blog se aloja en LucusHost

LucusHost, el mejor hosting