Chez WPBeginner, nous testons constamment de nouvelles façons d'accélérer le chargement de nos sites web. Après avoir essayé des dizaines de méthodes, nous avons constaté que le préchargement des liens offre un gain de vitesse instantané.
Nous savons à quel point les chargements de pages lents peuvent être frustrants pour vous et vos visiteurs. Même un court délai peut nuire au trafic de votre site web et vous faire perdre des ventes.
Le préchargement des liens résout ce problème en préparant la page suivante avant qu'un utilisateur ne clique réellement sur le lien. Cela donne à votre site web une impression de rapidité et de réactivité incroyable.
Dans ce guide, nous vous montrerons comment configurer facilement le préchargement des liens dans WordPress.
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 des liens demande au navigateur web d'un visiteur de télécharger discrètement le code (HTML) de la page liée en arrière-plan avant qu'il ne clique réellement sur le lien.
Ainsi, lorsqu'ils cliquent effectivement, la page semble se charger instantanément. L'objectif est de rendre votre site web 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 beaucoup les sites web rapides. C'est très 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 beaucoup de 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 de 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 de vitesse critiques. WP Rocket intègre le préchargement des liens. Si vous l'utilisez déjà, vous n'avez pas besoin d'un plugin séparé. Allez simplement dans Réglages » WP Rocket » Préchargement dans votre tableau de bord et cochez la case « Activer le préchargement des liens ».
Cependant, 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
Le moyen le 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 plantera pas votre site et ne le ralentira même pas.
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. Si vous êtes sur un plan d'hébergement mutualisé économique et que vous remarquez que votre serveur ralentit, vous pouvez le réduire à 1 ou 2. Si vous utilisez un hébergement géré puissant, le réglage par défaut convient.
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 les survole sur un ordinateur de bureau.
Pour les utilisateurs mobiles, le plugin s'adapte intelligemment en commençant le préchargement dès qu'un utilisateur touche légèrement le lien, lui donnant une longueur d'avance avant que le toucher complet ne soit enregistré.
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 devez ajouter des pages dynamiques comme /cart, /checkout et /my-account à cette liste afin qu'elles ne soient pas préchargées. Vous devriez également taper 'logout' dans la case pour exclure les liens de déconnexion, afin d'éviter que les utilisateurs ne soient déconnectés accidentellement simplement en déplaçant leur souris.
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.
Vous voulez le voir en action ? Ouvrez votre site Web dans Google Chrome, faites un clic droit n'importe où et sélectionnez « Inspecter » pour ouvrir les outils de développement. Allez dans l'onglet « Réseau » et observez ce qui se passe lorsque vous survolez un lien. Vous verrez la page se charger en arrière-plan avant même de cliquer !
Remarque : 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.
Ressources supplémentaires 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 vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver 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