Comment utiliser Prefetch et DNS-Prefetch dans WordPress ?

Étape 1 :Que sont Prefetch et DNS-Prefetch et pourquoi les utiliser ?

Prélecture et prélecture DNS sont deux techniques utilisées pour améliorer les performances d’un site Web. Voici ce que chacun fait :

- Prélecture : L'attribut prefetch indique au navigateur qu'une ressource (comme une image, un fichier CSS ou un script) sera nécessaire dans un avenir proche. Le navigateur commencera alors à télécharger cette ressource en arrière-plan, avant qu'elle ne soit réellement demandée. Cela peut accélérer le chargement de la page, car les ressources seront prêtes en cas de besoin.

- Prélecture DNS : L'attribut DNS-prefetch indique au navigateur de résoudre l'adresse DNS d'une ressource en arrière-plan, avant qu'elle ne soit réellement utilisée. Cela peut également améliorer les performances d'un site Web, car cela élimine le besoin pour le navigateur d'attendre la recherche DNS lorsqu'il demande réellement la ressource.

En d’autres termes, utiliser ces attributs revient à informer votre navigateur des éléments qu’il devra charger à l’avenir. Cela peut aider à rendre votre site Web plus rapide.

Utiliser la prélecture et la prélecture DNS est une tâche assez simple, mais elle nécessite un peu de connaissances en codage. Dans cet esprit, commençons !

Étape 2 :Comment utiliser Prefetch et DNS-Prefetch

L'idée de base derrière l'utilisation de prefetch et DNS-prefetch est d'ajouter les attributs HTML respectifs au fichier ` Balises ` et `

...

...

```

Dans l'exemple ci-dessus, nous avons utilisé les attributs prefetch et DNS-prefetch pour indiquer au navigateur les ressources dont il aura besoin à l'avenir. Vous pouvez utiliser ces attributs sur toutes les ressources dont le chargement, selon vous, pourrait prendre un certain temps, telles que des images volumineuses, des fichiers CSS ou des fichiers JavaScript.

Étape 3 : Tester et surveiller

Une fois que vous avez ajouté les attributs prefetch et DNS-prefetch à votre thème, vous devez tester votre site Web pour vous assurer qu'il fonctionne correctement. Vous pouvez utiliser un outil comme Pingdom ou GTmetrix pour tester les performances de votre site Web. Vous pouvez également utiliser les outils de développement du navigateur pour afficher les requêtes réseau et voir si les ressources sont préextraites et préextraites par DNS.

Il est important de surveiller régulièrement les performances de votre site Web pour vous assurer qu'il continue à bien fonctionner. Vous pouvez le faire en utilisant les outils mentionnés ci-dessus, ou simplement en surveillant le temps de chargement de votre site Web.

Conclusion

L’utilisation de la prélecture et de la prélecture DNS peut être un moyen simple et efficace d’améliorer les performances de votre site Web WordPress. En informant votre navigateur des ressources dont il aura besoin à l'avenir, vous pouvez contribuer à accélérer le chargement de vos pages et à rendre votre site Web plus rapide.