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.
Contenu
TogglePourquoi 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.
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.
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.
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.
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.
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.
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.