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フォントやGoogleAnalyticsなどを使用する一般的な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があなたにとって多すぎる場合は Hostinger の三脚とお申し込み小さなウェブサイトでうまく機能します。

私もお勧めします GeneratePress テーマのためにそしてあなたは私のを見ることができます GeneratePressレビュー理由で