WordPressでDNSプリフェッチを設定する方法-TargetTrend

DNSプリフェッチとして一般に知られているドメインネームシステムプリフェッチは、ユーザーがドメイン名を要求する前にドメイン名を解決するプロセスです。これは主に、Webサイトの読み込みを高速化し、全体的なパフォーマンスを向上させるために使用されます。

WordPressのDNSprefecthingは、Googleフォント、Googleアナリティクス、Font Awesomeなどの定期的に要求されるリソースを事前に設定することで、Webサイトの読み込みを高速化する一般的な方法です。

この記事では、プラグインを使用するか手動で、WordPressにDNSプリフェッチを追加する方法を説明します。これにより、WordPressサイトの読み込み速度を向上させることができます。

目次隠す

DNSプリフェッチはどのように機能しますか？

DNSプリフェッチを使用する対象

WordPressでDNSプリフェッチを設定する方法

結論

DNSプリフェッチはどのように機能しますか？

DNSプリフェッチはバックグラウンドで機能します。多くのドメインからリソースをロードしている場合。ブラウザがDNSルックアップを実行するのに約100ミリ秒かかるため、これは通常、Webサイトのロード時間に影響します。

つまり、リソースを読み込んでいるドメインが最大5つある場合、ブラウザは検索に最大500ミリ秒かかる可能性があります。

ただし、DNSプリフェッチが行うことは、ユーザーがそれをトリガーするリンクをクリックする前に、依存しているドメインをバックグラウンドでロードすることです。

これは、ユーザーがクリックするまでにリソースの準備が整い、ページがすぐに読み込まれることを意味します。

外部リソースを多く利用している場合、DNSプリフェッチによって読み込み時間を短縮できます。GoogleフォントやGoogleアナリティクスなどを使用する一般的なWordPressサイトの場合、DNSプリフェッチによって最大500ミリ秒の読み込み時間を短縮できます。

DNSプリフェッチを使用する対象

サイトの読み込みを高速化するためにプリフェッチできるリソースはたくさんあります。それらが含まれます：

Googleのフォント
Google Analytics
CDN URL
Google Tag Manager
恐ろしいフォント
グーグルマップ
そして外部リソース

WordPressでDNSプリフェッチを設定する方法

WordPressでDNSプリフェッチを有効にするには、次の手順に従います。

1.DNSプリフェッチプラグインをインストールします

WordPressでDNSプリフェッチを実装する最も簡単な方法は、プラグインを使用することです。これにより、テーマファイルを編集する必要がなくなります。

この問題を解決するのに最適なプラグインはPerfmattersです。これはWordPressウェブサイトの速度を向上させるための素晴らしい機能を多数備えたプレミアムプラグインです。別の選択肢としてはWP Rocketもあります。

Perfmattersを利用するには、公式サイトからプラグインをダウンロードする必要があります。ダウンロード後、WordPressダッシュボードでインストールして有効化してください。

プラグインを使用せずに手動で使用する場合は、ポイント4に直接ジャンプします。

2.プリフェッチするドメインを追加します

Perfmattersプラグインをインストールしてアクティブ化した後。プラグイン設定に移動し、追加のタップをクリックします。そこで、プリフェッチするドメインを追加できます。

以下のパターンに従って、XNUMX行にXNUMXつのドメインのみを追加する必要があります。

//fonts.googleapis.com //www.google-analytics.com //cdnjs.cloudflare.com //www.googletagmanager.com

WP Rocketの場合は、[プリロード]タブに移動し、[DNS要求のプリフェッチ]まで下にスクロールします。ここで、上記と同じパターンをプリフェッチするURLを入力できます。

3.変更を保存します。

必ず変更を保存してください。以上です。

4.WordPressにDNSプリフェッチを手動で追加します。

WordPressでプラグインを使用せずに手動でDNSプリフェッチを追加したい場合は、テーマのfunctions.phpを編集する必要があります。

以下のコードをfunctions.phpに追加するだけです。以下の例では、ガイドとしてGoogle Analytics、Google Tag Manager、およびGoogleフォントを追加しました。編集したり、追加したりすることもできます。

//* DNS Prefetching
function dns_prefetch() {
    echo '<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="https://www.google-analytics.com" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
}
add_action('wp_head', 'dns_prefetch', 0);

次のような新しい行を追加するだけです。

<link rel="dns-prefetch" href="https://DOMAIN.com" />

結論

DNSプリフェッチは、Webサイト、特にモバイルバージョンを高速化できます。特に多くの外部リソースに依存している場合は、違いに気付くはずです。

サイトの表示速度を向上させることはできますが、サイトの速度を左右する最も重要な要素は、使用するWordPressホスティングとテーマであることを覚えておいてください。WordPressホスティングにはCloudwaysをお勧めします。Cloudwaysをお勧めする理由は、私の Cloudwaysレビューをご覧ください。Cloudwaysが予算オーバーの場合は、HostingerやBluehostが小規模なウェブサイトに適しています。

テーマとしてはGeneratePressをお勧めします。その理由については、私のGeneratePressレビューをご覧ください。