Avez-vous déjà visité un site web et eu l'impression qu'il se chargeait presque instantanément ? Le secret de cette expérience réside souvent dans quelques astuces techniques simples qui indiquent au navigateur comment charger une page plus efficacement. Deux de ces astuces les plus importantes sont : préchargement et prélecture.
Ces deux techniques fournissent au navigateur des indications sur la manière de prioriser et de télécharger les fichiers de votre site web. L'objectif est d'optimiser l'expérience utilisateur, afin qu'il n'ait pas à attendre le chargement d'une page lente.
Quelle est la différence?
Le préchargement et la prélecture sont similaires, mais présentent une différence essentielle. Imaginez :
- Le préchargement est pour les fichiers dont vous avez besoin maintenant. Vous demandez au navigateur de télécharger un fichier dès que possible car cela est nécessaire pour que la page actuelle s'affiche correctement.
- Prérécupération est destiné aux fichiers dont vous pourriez avoir besoin plus tardVous demandez au navigateur de télécharger un fichier en arrière-plan, avec une priorité inférieure, car l'utilisateur pourrait en avoir besoin sur la prochaine page qu'il visitera.
Le préchargement est utilisé pour les ressources critiques qui seraient autrement découvertes tardivement lors du chargement, comme un fichier de police ou une image d'arrière-plan dans une feuille de style. Le préchargement est utilisé pour les ressources susceptibles d'être consultées par l'utilisateur, comme une page produit dans une liste.
Comment ils aident votre référencement
Le préchargement et la prélecture sont des éléments clés de votre référencement technique. Ils ont un impact direct sur l'expérience de votre site web. PageSpeed, ce qui est un facteur de classement. Un site web plus rapide sera mieux classé qu'un site plus lent et offrira également une meilleure expérience utilisateur.
Si votre site web se charge plus rapidement, les visiteurs seront plus susceptibles de rester sur votre page, ce qui peut augmenter votre temps de navigation et réduire votre taux de rebond. Ces deux signaux indiquent aux moteurs de recherche que votre site web est de haute qualité.
La clé pour réussir ces tâches est de les utiliser correctement. Utiliser trop de préchargements ou précharger un fichier sur lequel l'utilisateur ne clique jamais peut gaspiller la bande passante de l'utilisateur et même ralentir votre site web. Vous avez besoin d'une plateforme capable de vous aider à comprendre vos indicateurs de vitesse de chargement et de vous fournir une liste de tâches prioritaires pour les corriger. Clickrank peut vous aider avec cela, en vous donnant les informations dont vous avez besoin pour obtenir la vitesse de vos pages idéale.
Comment implémenter le préchargement et la prélecture
La mise en œuvre du préchargement et de la prélecture est une tâche technique qui s'effectue en ajoutant quelques lignes de code à l'en-tête de votre site Web.
Le préchargement
Vous pouvez précharger un fichier en ajoutant une ligne de code au section de votre site web. Voici à quoi cela ressemble :
Le rel=”préchargement” L'attribut indique au navigateur de télécharger le fichier. as=”police” L'attribut indique au navigateur de quel type de fichier il s'agit, afin qu'il puisse prioriser correctement la requête. Vous ne devez précharger que les fichiers critiques pour la page en cours.
Prérécupération
Vous pouvez pré-extraire un fichier en ajoutant une ligne de code au section de votre site web. Voici à quoi cela ressemble :
Le rel=”prélecture” L'attribut indique au navigateur de télécharger le fichier en arrière-plan. Vous ne devez précharger que les fichiers dont l'utilisateur aura probablement besoin sur la page suivante.
Autres conseils
Il existe également quelques autres conseils utiles que vous pouvez utiliser :
- DNS-prélecture: Cela indique au navigateur de résoudre le nom de domaine d'un fichier avant qu'il ne soit nécessaire. Ceci est utile pour les ressources tierces, comme Google Fonts.
- préconnexion: Cela indique au navigateur d'établir une connexion à un serveur tiers avant que cela ne soit nécessaire. Ceci est utile pour les ressources externes essentielles à l'affichage de la page.
Quelle est la différence entre le préchargement et la prélecture ?
Le préchargement concerne les fichiers dont vous avez besoin immédiatement sur la page actuelle. La prélecture concerne les fichiers dont vous pourriez avoir besoin ultérieurement sur une autre page.
Le préchargement et la prélecture aident-ils le référencement ?
Oui, c'est vrai. Le préchargement et la prélecture peuvent accélérer le chargement d'un site web, ce qui est un facteur de classement. Ils peuvent également améliorer l'expérience utilisateur, signe essentiel d'un site web de qualité.
Quelle est la meilleure façon de mettre en œuvre le préchargement et la prélecture ?
Vous ne devez précharger que les fichiers essentiels à la page actuelle et prérécupérer les fichiers dont un utilisateur est susceptible d'avoir besoin sur la page suivante.
Que sont les ressources bloquant le rendu ?
Les ressources bloquant le rendu sont des fichiers comme JavaScript et CSS qui doivent être chargés pour qu'une page puisse s'afficher correctement. Le préchargement peut aider à éviter ce problème.
