Soutenu par un motif génial.
Pour en savoir plus, consultez notre Seahawk Blog.

Comment précharger les liens et les demandes de clés dans WordPress ?

Comment précharger les liens dans WordPress 2

Comment faire en sorte que vos visiteurs puissent charger vos liens instantanément ? Vous avez besoin d'une technologie appelée chargement de liens. Elle précharge automatiquement vos liens afin que votre visiteur puisse voir le contenu dès qu'il clique dessus. Le but de cet article est de fournir des instructions sur la façon d'ajouter des liens de préchargement aux blogs WordPress.

Le but de cet article est de fournir une explication détaillée sur la façon de précharger des liens dans WordPress.

Pourquoi précharger les liens dans WordPress ?

Il est possible de configurer le navigateur pour qu'il précharge le lien en arrière-plan afin d'accélérer les temps de chargement. Le visiteur trouve le lien déjà chargé lorsqu'il clique dessus. Lorsqu'un visiteur trouve tout rapidement sur votre site web, il est susceptible d'y rester. Vous obtiendrez ainsi des avantages considérables en termes de référencement.

Si vos pages internes sont préchargées, il est plus probable que les visiteurs restent sur votre site Web pendant une période plus longue et qu'ils voient plus de pages, car votre site Web est plus rapide. Par conséquent, vous pouvez améliorer votre référencement WordPress en augmentant la vitesse de votre site Web.

Bien qu'il y ait beaucoup de choses que vous pouvez faire pour rendre votre site Web WordPress plus rapide, le préchargement des liens est l'une des choses les plus faciles que vous pouvez faire, et il peut être une grande aide pour la vitesse de votre site Web.

Toutefois, si vous souhaitez mettre en place le préchargement de la bonne manière, vous devez vous assurer d'éviter certaines erreurs courantes. Par exemple, des paramètres trop agressifs et le préchargement de tous vos liens internes pourraient avoir l'effet inverse et même provoquer une panne de votre serveur.

Comment précharger des liens dans WordPress : Utilisation du plugin Flying Pages

La première chose à faire est de télécharger le plugin Flying Pages et de l'installer dans votre tableau de bord WordPress.

 Interface des pages volantes
Interface des pages volantes

Maintenant, à partir de votre tableau de bord WordPress, naviguez vers Settings -> Flying Pages et sélectionnez l'option Flying Pages. Veuillez vérifier la configuration du plugin sous l'onglet paramètres, et si des modifications doivent être apportées, veuillez le faire.

La première option qui vous est proposée est "Délai de démarrage du préchargement". Par défaut, cette option a une valeur de 0, mais vous avez la possibilité de la modifier, mais nous vous suggérons de la garder telle quelle. Si vous l'augmentez, le démarrage du processus sera retardé.

Par conséquent, vous devez choisir le nombre maximal de demandes par seconde, car plus ce nombre est faible, moins l'impact sur votre serveur sera important. La valeur par défaut est acceptable tant que vous n'avez pas un site Web étendu avec un grand nombre de visiteurs en même temps.

Il vous appartient de conserver les autres paramètres tels quels ou de les modifier en fonction de vos besoins. N'oubliez pas de cliquer sur le bouton "Enregistrer les modifications" à la fin du processus pour que vos modifications soient enregistrées.

Comment précharger les demandes de clés: Polices, JS & CSS

Le préchargement des ressources est une technique qui peut être utilisée pour améliorer les performances de votre page Web. En préchargeant les principales requêtes, vous pouvez vous assurer que les ressources nécessaires sont disponibles lorsque l'utilisateur en a besoin. CSS, JS et polices sont autant d'exemples de ressources qui peuvent être préchargées. Pour précharger du CSS, vous pouvez utiliser la règle @font-face. Pour JavaScript, vous pouvez utiliser la bibliothèque PreloadJS. Et pour les polices, vous pouvez utiliser Font Awesome ou Google Fonts.

préchargement des demandes de clés lien de ressources

Comment précharger lesCSS

Voici une syntaxe pour précharger des requêtes clés de fichiers CSS :

<link rel=”preload” href=”style.css” as=”style”>

Précharger JS

Il s'agit d'une syntaxe permettant de précharger des requêtes clés de fichiers JavaScript :

<link rel=”preload” href=”main.js” as=”script”>

Précharger les polices

La syntaxe pour précharger les demandes clés des fichiers de police sera la suivante :

<link rel=”preload” href=”font.woff2″ as=”font” type=”font/woff2″ crossorigin>

Google Fonts

Voici une syntaxe pour précharger les demandes clés de la police Google :

<link rel=”preload” href=”https://fonts.googleapis.com/css2?family=Roboto&display=swap” as=”style” crossorigin>

Font Awesome

Il s'agit d'une syntaxe pour précharger les demandes clés de Font Awesome :

<link rel=”preload” href=”/wp-content/theme/fonts/fontawesome-Webfont.woff2” as=”font” crossorigin>

Il s'agit des types de fichiers les plus courants que vous remarquerez dans l'avertissement de Google PageSpeed Insights concernant les demandes de clés de préchargement.

Les méthodes ci-dessus peuvent aider à corriger l'avertissement de Google PageSpeed Insights concernant les demandes de clés de préchargement. Vous pouvez appliquer ces méthodes à n'importe quel site Web.

Résumé : Préchargement des polices

<link rel=’preload’ href=’/image.png’ as=’image’>

<link rel=’preload’ href=’/style.css’ as=’style’>

<link rel=’preload’ href=’/script.js’ as=’script’>

<link rel=’preload’ href=’/font.woff2′ as=’font’ crossorigin>

Demandes de clés de préchargement à l'aide de plugins WordPress

Vous pouvez précharger les demandes de clés dans WordPress en utilisant les plugins WordPress preload key requests comme les Pre* Party Resource Hints, Autoptimize, WP Rocket, et Asset CleanUp etc. Ces plugins vous aideront à corriger l'avertissement de preload key requests WordPress.

Voici les plugins les plus populaires dotés de la fonction de préchargement des demandes de clés.

Conseils sur les ressources avant la fête

Pre* Party Resource Hints est l'un des meilleurs plugins qui vous offre de nombreux contrôles et la possibilité d'ajouter des ressources critiques que vous souhaitez voir préchargées visuellement.

Installez et activez ce plugin sur votre site WordPress, puis allez dans le menu Pre* Party depuis votre tableau de bord WordPress. Vous y trouverez l'écran suivant.

paramètres du plugin pre party resource hints

Vous verrez la case Ajouter une nouvelle astuce de ressource dans les paramètres du plugin, dans l'onglet Insérer des astuces. Pour précharger une ressource, allez dans le rapport PageSpeed Insights pour trouver l'avertissement de demandes de clés de préchargement.

WP Rocket

Précharger les demandes de clés est un excellent moyen d'améliorer les performances de votre site WordPress. WP Rocket est un plugin populaire qui peut vous aider à cet égard. Il est facile à utiliser et possède de nombreuses fonctionnalités qui peuvent vous aider à améliorer les performances de votre site.

Allez dans Réglages > WP Rocket > Précharger depuis votre tableau de bord WordPress pour précharger les requêtes clés dans WordPress à l'aide du plugin WP Rocket. Faites ensuite défiler la page jusqu'au bas de la page, où vous verrez la section Preload Fonts.

wp rocket précharge les polices

Autoptimisation de

Si vous cherchez à améliorer les performances de votre site WordPress, l'une des premières choses à faire est d'installer le plugin Autoptimize. Autoptimize accélère votre site Web en optimisant vos fichiers CSS et JavaScript. Il réduit également le HTML et met en cache vos pages, les chargeant plus rapidement pour les visiteurs réguliers. L'une des fonctionnalités les plus populaires est son option de préchargement des demandes clés pour les sites WordPress.

paramètres d'auto-optimisation supplémentaires

Depuis votre tableau de bord WordPress, allez dans Réglages > Autoptimisation > Extra pour précharger les demandes clés en utilisant Autoptimiz. Tout ce que vous devez faire est d'entrer les liens sur la case tha que vous avez obtenu à partir de l'avertissement des demandes clés de préchargement dans PageSpeed Insights. Assurez-vous que vous séparez les liens multiples avec des virgules.

Perfmatters

Ce plugin premium donne des options de preload, preconnect et prefetch. Vous pouvez les vérifier dans les paramètres de Perfmatters→Extras→Preloading.

Préchargement de Perfmatters

Le préchargement des liens et des demandes sur votre site web a été activé avec succès.

Vous trouverez d'autres articles comme celui-ci sur le site Seahawk Media.

Articles connexes

Dans notre monde interconnecté, la capacité à communiquer efficacement dans différentes langues est encore plus cruciale

Il est essentiel d'effectuer un test de convivialité sur les sites WordPress, car cela permet d'obtenir des informations précieuses sur les points suivants

Les champs avancés de WordPress sont utiles pour les propriétaires de sites car ils permettent de stocker des données supplémentaires et des informations sur le site.

Komal Bothra 21 mars 2024

Les meilleurs sites pour embaucher des développeurs et designers WordPress en 2024

Si vous cherchez à embaucher le meilleur développeur WordPress ou un expert en sites web WordPress

WordPress
Komal Bothra 21 mars 2024

Elementor bloqué sur l'écran de chargement ? Voici 25+ méthodes pour y remédier !

Elementor simplifie le processus de développement de pages web dans WordPress. Cependant, il peut arriver que vous rencontriez

WordPress
Komal Bothra Le 19 mars 2024

Comment configurer votre adresse e-mail professionnelle GoDaddy sur Gmail (étapes simples)

Jongler avec plusieurs comptes de messagerie en même temps peut être accablant. Si vous vous noyez dans les

Tech

Démarrer avec Seahawk

Inscrivez-vous dans notre application pour consulter nos tarifs et obtenir des réductions.