Comment configurer la prélecture DNS dans WordPress

La prélecture DNS peut accélérer le chargement des sites WordPress. Pour un site qui s'appuie sur des ressources externes telles que Google Analytics, les polices Google, etc., il peut économiser jusqu'à 500 ms.

La prélecture du système de noms de domaine, connue sous le nom de prélecture DNS, est le processus de résolution des noms de domaine avant que les utilisateurs ne le demandent. Il est principalement utilisé pour accélérer le chargement des sites Web et augmenter les performances globales.

La préfecture DNS dans WordPress est un moyen populaire d'accélérer le chargement des sites Web en préchargeant les ressources régulièrement demandées telles que les polices Google, Google Analytics, Font Awesome, etc.

Dans cet article, vous apprendrez comment ajouter la prélecture DNS dans WordPress à l'aide d'un plugin ou manuellement. Cela peut aider à faire Chargement rapide du site WordPress.

Comment fonctionne la prélecture DNS ?

DNS Prefetch fonctionne en arrière-plan. Si vous chargez des ressources à partir de nombreux domaines. Cela affectera normalement le temps de chargement du site Web car le navigateur prendra environ 100 ms pour effectuer la recherche DNS.

Cela signifie que si vous avez jusqu'à 5 domaines à partir desquels vous chargez des ressources, le navigateur peut prendre jusqu'à 500 ms pour la recherche.

Mais ce que fait la prélecture DNS, c'est que le domaine sur lequel vous comptez se charge en arrière-plan avant qu'un utilisateur ne clique sur un lien qui le déclenchera.

Cela signifie qu'au moment où l'utilisateur clique dessus, les ressources sont prêtes et la page se chargera instantanément.

DNS prefetching browser

Si vous avez beaucoup de ressources externes sur lesquelles vous comptez, Prérécupération DNS peut améliorer votre temps de chargement. Pour un site WordPress typique utilisant les polices Google, Google Analytics, etc., la prélecture DNS peut économiser jusqu'à 500 ms de temps de chargement.

Pourquoi utiliser la prélecture DNS

Il existe de nombreuses ressources que vous pouvez prérécupérer pour accélérer le chargement de votre site. Ils comprennent:

  • Polices Google
  • Google Analytics
  • URL CDN
  • Google Tag Manager
  • Font Awesome
  • Google Map
  • Et toute ressource externe

Comment configurer la prélecture DNS dans WordPress

Suivez ces étapes pour activer la prélecture DNS dans WordPress :

1. Installez un plugin DNS Prefetch

Le moyen le plus simple d'implémenter la prélecture DNS dans WordPress consiste à utiliser un plugin. Cela vous évitera de devoir modifier vos fichiers de thème.

Le meilleur plugin pour gérer cela est Perfmatters. C'est un plugin premium avec de nombreuses fonctionnalités étonnantes pour accélérer un site Web WordPress. Une autre alternative est WP Rocket.

Pour Perfmatters, vous devrez télécharger le plugin depuis leur site. Installez-le et activez-le dans votre tableau de bord WordPress.

Si vous préférez ne pas utiliser de plugin mais le faire manuellement, passez directement au point 4.

2. Ajouter des domaines à prérécupérer

Après avoir installé et activé le plugin Perfmatters. Allez dans les paramètres du plugin et cliquez sur le robinet supplémentaire. Là, vous pouvez ajouter des domaines à prérécupérer.

Vous ne devez ajouter qu'un domaine par ligne en suivant le modèle ci-dessous :

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

Pour WP Rocket, accédez à l'onglet Preload et faites défiler jusqu'à Prefetch DNS Requests. Là, vous pouvez saisir les URL que vous souhaitez prérécupérer avec le même modèle que celui ci-dessus.

3. Enregistrez les modifications.

Assurez-vous d'enregistrer les modifications. C'est tout.

4. Ajoutez manuellement la prélecture DNS dans WordPress.

Si vous préférez ajouter manuellement la prélecture DNS dans WordPress sans aucun plugin, vous devrez modifier les paramètres de votre thème. functions.php.

Ajoutez simplement le code ci-dessous à votre functions.php. Dans l'exemple ci-dessous, j'ai ajouté Google Analytics, Google Tag Manager et les polices Google comme guide. Vous pouvez le modifier et vous pouvez également en ajouter d'autres.

//* 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);

Ajoutez simplement une nouvelle ligne qui ressemble à ceci:

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

Conclusion

La prélecture DNS peut accélérer votre site Web, en particulier la version mobile. Vous devriez remarquer une différence, surtout si vous comptez sur beaucoup de ressources externes.

N'oubliez pas que même si cela peut accélérer votre site, l'hébergement WordPress que vous utilisez et le thème sont le facteur le plus important de la rapidité de votre site. je recommande Cloudways pour l'hébergement WordPress et vous pouvez voir mon Chronique de Cloudways pour des raisons. Si Cloudways est trop pour vous, alors Hostinger et Bluehost fonctionnera bien pour les petits sites Web.

Je recommande aussi GeneratePress pour le thème et vous pouvez voir mon GénérerRevue de presse pour des raisons

Mfon Abel Ekene

Mfon Abel Ekene

J'aime créer des contenus utiles. Ma passion est d'aider les internautes à trouver ce dont ils ont besoin en les orientant dans la bonne direction. C'est ce que j'aime faire et j'ai consacré de nombreuses heures à la recherche et aux tests pour m'assurer de le faire grâce à mon contenu sur TargetTrend.

Articles : 48

Recevez des trucs techno

Tendances technologiques, tendances de démarrage, avis, revenus en ligne, outils Web et marketing une ou deux fois par mois

Laissez un commentaire

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *