La vitesse est l’un des principaux facteurs UX qui déterminent la popularité de votre site Web auprès de vos visiteurs. Il existe un certain nombre de choses que vous pouvez faire pour accélérer votre site Web WordPress, y compris sa version mobile. Ces meilleures pratiques générales sont quelque chose que chaque propriétaire de site WordPress devrait observer afin de fournir une bonne expérience utilisateur et de garantir un trafic important et de faibles taux de rebond. Mais il existe peut-être des techniques moins connues et appliquées que vous pouvez appliquer, et le préchargement des liens en fait partie.
Dans cet article, nous vous expliquons pourquoi vous souhaitez avoir vos liens de préchargement WordPress sur vos pages, et vous montrons comment tout mettre en place (ce n’est pas du tout difficile !).
Le terme « préchargement » signifie, évidemment, chargement en arrière-plan, avant que le contenu ne soit servi au visiteur. Cela signifie essentiellement que les ressources sont prêtes avant le moment où elles sont réellement nécessaires, de sorte que l’ensemble du processus s’exécute plus rapidement. C’est une technique particulièrement utilisée par les navigateurs, qui apprennent à prédire la ressource (une page, le plus souvent) à laquelle un utilisateur pourrait vouloir accéder, et à la précharger en arrière-plan, afin qu’elle s’ouvre et se charge plus rapidement.
Le préchargement des liens, en particulier, signifie que le navigateur identifiera les liens sur votre page et les préparera pour le visiteur au cas où il déciderait de cliquer dessus. Les liens sont chargés avant que le visiteur n’interagisse avec eux et, par conséquent, la ressource liée est servie beaucoup plus rapidement.
Le préchargement ne doit pas être confondu avec le préchargement. Lors du préchargement, vous indiquez au navigateur que l’utilisateur cliquera très probablement sur un lien de ressource pour accéder à cette ressource. En raison de la forte probabilité de besoin, le navigateur priorisera le préchargement de la ressource (la page liée).
La prélecture, d’autre part, signale au navigateur qu’une ressource pourrait être nécessaire et lui donne une priorité inférieure. C’est généralement le cas pour les ressources de la page suivante, et non pour la page actuelle que le visiteur consulte.
Il est important de comprendre que le préchargement des liens n’accélérera pas la vitesse de chargement de votre page. Cela dépendra d’autres facteurs d’optimisation de la vitesse, mais le préchargement des liens sera toujours très bénéfique pour l’UX globale de votre site Web.
L’expérience globale de votre site Web comprend ce qui se passe sur vos pages, la qualité de votre navigation, l’accessibilité globale de votre site et de nombreux autres facteurs spécifiques au site. Cependant, cela inclut également les éléments qui conduisent les visiteurs vers vos pages et qui les éloignent. La vitesse à laquelle une page liée se chargera, dans l’esprit de votre visiteur, tombera dans la même expérience que la vitesse à laquelle vos propres pages se chargeront. Évidemment, vous voudrez donc optimiser cela aussi, et c’est précisément à cela que sert le préchargement des liens. Et c’est pour les liens externes. Pour les liens internes, c’est encore plus clair – vous voulez que l’ensemble de votre site Web se charge rapidement et si vous préchargez vos liens internes, vos pages internes se chargeront également plus rapidement.
Avec un meilleur UX global, votre site Web aura également un trafic plus élevé et votre score SEO sera plus élevé.
Cela étant dit, gardez à l’esprit que ce n’est pas une bonne idée de simplement définir tous les liens à précharger sans aucun critère ni réglage fin. Plus précisément, si vous configurez tous vos liens pour qu’ils soient préchargés, cela peut provoquer un effet inverse et même planter votre serveur. Vous voudrez peut-être exclure certaines pages, telles que la connexion, et si vous gérez une boutique en ligne, vos pages de panier et de paiement également.
Découvrons comment configurer correctement le préchargement des liens afin de tirer le meilleur parti de cette technique simple.
Comme c’est généralement le cas avec WordPress, les solutions les plus simples consistent à utiliser nos petits assistants préférés – les plugins. A cet effet, nous utiliserons Pages volantes, un petit plugin pratique qui utilise un morceau de code JS pour précharger les liens. Il attend que le navigateur soit inactif, puis détecte tous les liens dans la fenêtre d’affichage, ainsi que ceux survolés, puis les précharge. De cette façon, Flying Pages s’assure que le préchargement des liens ne cause aucun problème de serveur ou ne le plante pas.
Commencez par installer le plugin. Aller à Plugins>Ajouter un nouveau puis tapez « Pages volantes » dans le champ de recherche. Une fois trouvé, cliquez sur Installer puis sur Activer.
Une fois que vous avez configuré cela, accédez à Paramètres>Pages volantes pour configurer le plug-in.
La première option ici consiste à définir le délai avant que le plugin ne commence à précharger les liens, quel que soit le survol. Vous pouvez définir ici la valeur de votre choix – nous la laisserons à zéro, ce qui signifie qu’il n’y a pas de délai.
Votre prochaine option consiste à définir « Max demandes par seconde ». Encore une fois, définissez une valeur que vous aimez, mais notez que des valeurs inférieures seront plus légères sur votre serveur. Trois est la valeur recommandée et nous en resterons là.
Ensuite, vous pouvez cocher la case « Précharger uniquement au survol de la souris ». C’est assez explicite : lorsqu’elle est activée, cette option précharge uniquement les liens sur lesquels l’utilisateur survole avec sa souris, montrant l’intention d’y accéder. Si vous souhaitez précharger tous les liens dans la fenêtre, laissez la case décochée.
Ici, vous pouvez également définir la durée du délai de survol de la souris – le temps qui s’écoule entre le moment où un utilisateur survole un lien et le début du préchargement. Nous allons le régler à 50 ms.
L’option suivante est pratique – elle vous permet de créer une liste de mots-clés et de formats d’URL qui ne seront pas préchargés. La liste par défaut comprend votre page de connexion, votre paiement, votre panier, ainsi que certains formats d’image courants. À ceux-ci, vous pouvez ajouter tous les autres mots-clés que vous souhaitez exclure du préchargement.
Remarque importante : si vous exécutez un programme d’affiliation ou utilisez un plug-in d’affiliation, assurez-vous d’ajouter des préfixes d’affiliation (tels que /go/ ou /refer/) à la liste « Ignorer les mots clés », sinon le suivi de votre lien d’affiliation risque de ne pas fonctionner. travail.
Enfin, vous pouvez cocher la case « Désactiver pour les administrateurs connectés » pour aider à réduire la charge du serveur.
Une fois que vous avez parcouru les options, cliquez sur Sauvegarder les modifications.
Et c’est littéralement tout ce qu’il y a à faire. Une fois configuré, le plugin Flying Pages s’occupera du préchargement des liens pour vous. Vous pouvez toujours revenir aux paramètres et modifier les options qui ne fonctionnent pas pour vous.
Envelopper
Grâce à Flying Pages, même les débutants complets de WordPress peuvent configurer le préchargement des liens sur leur site Web ou leur blog. Notez cependant que le préchargement des liens ne montrera aucune amélioration dans vos tests de vitesse de page. Comme nous l’avons dit précédemment, le préchargement des liens améliore uniquement l’expérience globale de votre site Web en accélérant les clics sur les liens, et non la vitesse réelle de chargement de la page.
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
