Chez WPBeginner, nous avons consacré des années à maîtriser la vitesse des sites web. Après avoir exploré toutes les optimisations majeures, nous avons commencé à utiliser une technique qui a apporté une amélioration immédiate : le préchargement de liens.
Si vous êtes frustré par le moindre délai dans le chargement des pages, vous savez à quel point cela peut impacter l'expérience utilisateur. Le préchargement de liens est une fonctionnalité astucieuse du navigateur qui prépare la page suivante avant même que votre visiteur ne clique sur le lien.
Le résultat est un site web qui semble incroyablement rapide et presque instantané. C'est un moyen étonnamment simple de donner à votre site un coup de pouce de performance notable que les visiteurs apprécieront.
Dans ce guide, nous vous expliquerons comment le configurer correctement. Commençons.
Qu'est-ce que le préchargement de liens dans WordPress ?
Le préchargement de liens consiste à charger le lien en arrière-plan par votre navigateur web avant que l'utilisateur ne clique dessus, ce qui accélère le chargement des pages lorsqu'il les visite.
C'est comme si la cuisine commençait à préparer votre repas avant que vous n'arriviez au restaurant !
En termes techniques, le préchargement de liens se produit lorsque le navigateur web d'un visiteur charge intelligemment la page liée en arrière-plan avant qu'il ne clique réellement sur le lien. Ainsi, lorsqu'il clique, la page semble se charger instantanément. Tout est fait pour que votre site web paraisse super rapide et réactif.
Maintenant, pourquoi s'embêter avec tout ça ? Eh bien, un site web plus rapide est un site web plus heureux, d'après notre expérience. Pour commencer, Google et les autres moteurs de recherche aiment les sites web rapides. C'est un point important pour le SEO. Un site plus rapide apporte potentiellement plus de trafic à votre blog.
De plus, et c'est peut-être encore plus important, cela rend vos visiteurs plus heureux. Personne n'aime attendre que les pages se chargent, n'est-ce pas ? Un site web fluide et rapide est plus agréable à utiliser.
Vous pouvez faire de nombreuses choses pour améliorer la vitesse et les performances de votre WordPress. Cela inclut l'utilisation d'un plugin de performance ou d'un CDN.
Par exemple, un plugin de mise en cache puissant comme WP Rocket peut faire une énorme différence. Cependant, le préchargement des liens est une technique unique qui se distingue par sa simplicité.
Astuce d'expert : Nous utilisons WP Rocket sur plusieurs de nos sites web pour gérer la mise en cache et d'autres optimisations critiques de vitesse. C'est une solution tout-en-un qui s'occupe de nombreux ajustements de performance, ce qui en fait une excellente base sur laquelle construire avec des techniques comme le préchargement des liens.
Le seul hic, c'est qu'il est essentiel de configurer correctement le préchargement pour éviter les problèmes de serveur. Un préchargement trop agressif de tous les liens internes, par exemple, pourrait entraîner des plantages du serveur.
Cela dit, nous allons vous montrer comment précharger les liens dans WordPress de la bonne manière, étape par étape.
Comment précharger les liens WordPress et rendre votre site plus rapide
La façon la plus simple de précharger les liens est d'utiliser le plugin Flying Pages. Il ajoute simplement un préchargement intelligent pour s'assurer que le préchargement ne fera pas planter votre site ni même ne le ralentira.
S'il détecte des problèmes de ce type, le plugin arrêtera tout préchargement.
La première chose à faire est d'installer et d'activer le plugin. Pour plus de détails, consultez notre guide sur comment installer un plugin WordPress.
Lors de l'activation, vous devez accéder à Paramètres » Flying Pages dans votre panneau d'administration WordPress pour configurer les paramètres du plugin.
Ensuite, vous devez définir le délai de démarrage du préchargement dans le menu déroulant. Ce paramètre détermine combien de temps le plugin attend avant de commencer à précharger les liens.
Il attend un moment où le navigateur est inactif (c'est-à-dire qu'il n'est pas occupé à charger votre page actuelle) pour éviter de ralentir quoi que ce soit. Pour la plupart des sites, le réglage par défaut de '0 seconde', qui commence le préchargement dès que le navigateur est libre, fonctionne parfaitement.
Ensuite, vous pouvez modifier le nombre de 'Requêtes max par seconde'. Plus vous définissez ce nombre bas, moins il aura d'impact sur votre serveur.
Nous conserverons le réglage par défaut de '3 requêtes', qui devrait fonctionner pour la plupart des environnements d'hébergement WordPress.
Après cela, vous pouvez cocher la case 'Précharger uniquement au survol de la souris'. Cela ne préchargera les liens que si un utilisateur survole un lien et préchargera la page juste avant qu'il ne clique.
Cela donne l'impression que la page suivante se charge instantanément. En moyenne, il y a un délai d'environ 400 millisecondes (ms) entre le moment où un utilisateur survole un lien avec sa souris et le moment où il clique réellement dessus. Cette courte fenêtre donne au navigateur une longueur d'avance pour récupérer la page suivante.
Vous pouvez également définir le « Délai de survol de la souris ». Il s'agit du temps qui s'écoulera après qu'un utilisateur ait survolé un lien avant que le préchargement ne commence.
En dessous, il y a une liste de mots-clés que le plugin ignorera pour le préchargement.
Ce sont des pages de connexion standard et des fichiers image. Vous pouvez laisser la liste telle quelle ou ajouter d'autres mots-clés si vous le souhaitez.
Si vous gérez une boutique en ligne, vous voudrez peut-être ajouter des pages comme /cart et d'autres pages dynamiques à cette liste afin qu'elles ne soient pas préchargées.
De même, si vous utilisez un plugin de marketing d'affiliation comme ThirstyAffiliates ou PrettyLinks, il est important d'ajouter votre préfixe d'affiliation comme /refer/ ou /go/ à cette liste de mots-clés à ignorer. Sinon, cela peut casser le suivi des liens d'affiliation.
La dernière option consiste à désactiver le préchargement pour les administrateurs.
Dans l'ensemble, cela aidera à réduire la charge de votre serveur de site Web. Si vous souhaitez uniquement précharger pour les visiteurs du site Web qui ne sont pas des administrateurs connectés, cochez simplement la case.
Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer les modifications » en bas de la page.
C'est tout ! Vous avez activé avec succès le préchargement des liens sur votre site Web.
Note : Si vous effectuez un test de vitesse de site Web avec un outil comme PageSpeed Insights et que vous ne voyez pas votre score s'améliorer, c'est tout à fait normal. Le préchargement des liens n'améliore que la vitesse de clic sur les liens, et n'accélère pas le premier chargement de votre site.
Foire aux questions sur le préchargement des liens
Voici quelques-unes des questions les plus courantes que nous recevons concernant le préchargement des liens dans WordPress et son impact sur les performances du site Web.
1. Quel est le principal avantage du préchargement des liens ?
Le principal avantage est une bien meilleure expérience utilisateur. Lorsqu'un visiteur survole un lien, la page commence à se charger en arrière-plan. Cela donne l'impression que la page suivante se charge presque instantanément lorsqu'il clique, donnant à votre site Web une impression de rapidité et de réactivité.
2. Le préchargement des liens améliorera-t-il mon score Google PageSpeed ?
Non, et c'est un point important. Le préchargement des liens améliore les performances perçues par les utilisateurs réels naviguant sur votre site. Il n'affecte pas le temps de chargement initial d'une seule page, ce que mesurent des outils comme PageSpeed Insights.
3. Le préchargement des liens peut-il faire planter mon serveur ?
S'il est effectué sans précaution, le préchargement agressif peut augmenter la charge de travail de votre serveur, en particulier sur un hébergement mutualisé. En effet, chaque préchargement agit comme une mini-visite sur votre serveur, et trop à la fois peuvent le submerger.
Cependant, le plugin recommandé Flying Pages est conçu pour éviter cela. Il attend intelligemment que le navigateur soit inactif et ne précharge que si votre serveur n'est pas occupé, évitant ainsi les plantages ou les ralentissements.
4. Y a-t-il des pages que je devrais exclure du préchargement ?
Oui, vous devriez toujours exclure les pages dynamiques. Cela inclut les pages de panier, de paiement et de compte sur un site de commerce électronique. Il est également important d'exclure vos liens d'affiliation (comme ceux avec un préfixe /refer/ ou /go/) pour garantir que le suivi de vos clics fonctionne correctement.
Obtenez plus de conseils d'experts pour accélérer WordPress
Nous espérons que cet article vous a aidé à apprendre comment précharger les liens dans WordPress pour des vitesses de chargement plus rapides. Vous voudrez peut-être aussi consulter d'autres tutoriels sur la façon de rendre votre site Web WordPress plus rapide :
- Hébergement WordPress le plus rapide (avec tests de performance)
- Meilleurs plugins de mise en cache WordPress pour accélérer votre site Web
- Comment minifier les fichiers CSS / JavaScript dans WordPress
- Comment optimiser les Core Web Vitals pour WordPress (Guide ultime)
- Comment charger paresseusement les images dans WordPress
- Comment accélérer votre site web eCommerce
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Olaf
Le préchargement est une fonctionnalité formidable. J'ai remarqué que de plus en plus de plugins de cache l'incluent maintenant par rapport à avant. Nous avons testé WP Rocket, où un lien devrait se charger dès que l'utilisateur le survole. WP Rocket commence immédiatement à mettre en cache la page derrière le lien sans que l'utilisateur ait besoin de cliquer dessus. S'ils cliquent, la page est servie directement depuis le cache. Nous avons testé les temps de chargement avec et sans cette fonction, et je dois dire que la différence était remarquable. Si vous avez suffisamment de performances serveur, c'est une excellente fonctionnalité qui peut considérablement accélérer le site Web.
Dennis Muthomi
Excellent article sur le préchargement des liens !
J'ai implémenté cette technique sur plusieurs sites clients (mais pas tous) et j'ai constaté des améliorations significatives de la vitesse de chargement perçue.
J'aimerais ajouter ceci : envisagez d'utiliser l'option « Précharger uniquement au survol de la souris » pour les sites riches en contenu afin d'équilibrer les performances et la charge du serveur. Cela a changé la donne pour mes clients ayant de grands catalogues de produits.
Jiří Vaněk
J'utilise la fonction « précharger les liens » dans le plugin de cache WP Rocket, et je dois dire que c'est une excellente fonction qui accélère vraiment le chargement des sites web. Je le recommande vivement. Donc, spécifiquement pour accélérer un site web, WP Rocket est probablement la meilleure option, car il inclut nativement cette fonctionnalité et aide considérablement à accélérer le site. Parmi les plugins de cache, c'est le meilleur choix.
Support WPBeginner
Thank you for sharing what you use for your site
Admin
Cassie
Merci de partager. Je ne savais pas que cela existait. Cela semble assez simple et facile à mettre en œuvre. Je vais garder cette information pour essayer. J'adore apprendre de nouvelles choses !
Merci encore !
Cassie
Support WPBeginner
De rien, nous sommes ravis que notre article vous ait été utile !
Admin
Mohamed
Cela affecte-t-il les liens d'affiliation sur les pages de mon site web ?
Support WPBeginner
It would if you do not exclude those from the plugin which is why we recommend excluding them in this article
Admin
Hosseoin
Bonjour
N'est-ce pas la même option de clic instantané dans certains plugins de cache ?
Support WPBeginner
Oui, pour le moment, c'est un outil similaire à cela, en fonction de votre choix de plugin de cache.
Admin