Pourquoi les temps de chargement sont critiques pour le référencement (et que faire)

La plupart des entreprises affirment que l’amélioration des temps de chargement et de la vitesse du site est une expérience à peu près aussi agréable que de se faire arracher les dents.

Et, souvent, le processus d’amélioration des temps de chargement d’un site Web est aussi fastidieux et prend du temps que de tirer les dents.

Si cela ressemble à votre approche du référencement rapide du site, nous sommes prêts à parier que c’est pour l’une des trois raisons suivantes:

Vous pensez que le référencement a besoin de savoir-faire technique et de compétences analytiques Vous avez entendu dire que cela nécessite une surveillance constante (et, par conséquent, cela demande beaucoup de pouvoir humain) Cela peut porter ses fruits, mais seulement six mois plus tard – et à quoi ça sert si l’algorithme du moteur de recherche de Google continue de changer de toute façon?

Vous n’avez pas tort – le référencement est un long jeu. C’est un marathon, pas un sprint.

Mais que se passe-t-il si vous trouviez un moyen d’améliorer considérablement votre jeu de référencement en réduisant la graisse, en modifiant quelques aspects de votre site Web et en ajoutant quelques hacks soignés à votre arsenal de vitesse de site?

Dans cet article, vous apprendrez à faire un peu d’efforts pour obtenir des résultats de meilleur classement grâce à un facteur SEO souvent négligé (mais incroyablement important): le temps de chargement.

Pourquoi le temps de chargement de la page est-il important pour votre site Web?

Si la réponse “Parce que Google le dit” n’est pas suffisante pour votre question “Pourquoi les temps de chargement des pages sont-ils importants?” tu n’es pas seul. Les temps de chargement affectent les classements, car ils combinent ce qui aide le plus vos visiteurs – et ce qui aide le plus Google à aider ces utilisateurs.

Le temps de chargement de la page peut avoir un impact spécifique sur le trafic de votre site Web de trois manières:

1) La vitesse du site améliore l’expérience utilisateur

Lorsqu’un utilisateur arrive sur votre site Web, il s’attend à ce que les performances de votre site Web soient suffisamment transparentes pour se charger presque instantanément. Les faibles temps de chargement ont un impact sur les signaux UX tels que le temps passé sur le site, les pages par session et la visite directe du site Web.

2) La vitesse améliorée réduit les taux de rebond

Selon Jakob Nielsen, à une seconde du temps de réponse, l’expérience utilisateur de votre site Web reste transparente. Selon leur loyauté, ils peuvent attendre jusqu’à 10 secondes. Cependant, au-delà de ce point, surtout sans retour, ils quitteront le site immédiatement et ne reviendront jamais.

(Source de l’image)

Il s’agit de votre taux de rebond, et des études montrent qu’entre trois et quatre secondes de temps de chargement de la page, vos visiteurs partiront simplement.

3) Les temps de chargement influencent l’exploration

Google peut juger beaucoup du professionnalisme, de la qualité et de l’intention de votre site Web en fonction de la rapidité de son chargement. Cependant, les temps de chargement rapides des pages facilitent également l’indexation et le classement de votre site par les robots d’exploration de Google.

Si c’est maladroit et «lourd», il est plus difficile pour les robots d’un moteur de recherche d’analyser. Mais un site Web codé léger et propre se charge plus rapidement et rend les robots d’exploration de Google plus heureux.

Pourquoi les performances d’hébergement sont importantes pour les temps de chargement

Le fonctionnement de votre site est une tâche frontale et principale. Les deux doivent être harmonieusement synchronisés et s’aligner de manière à se soutenir mutuellement. Les fournisseurs d’hébergement sont le pont entre les deux.

Le temps de chargement d’un site peut atteindre des performances optimales côté serveur – c’est un temps de disponibilité de 99,49% – mais si vous avez un code complexe non conçu pour se charger de manière stratégique, vous pourriez toujours être frappé par un temps de chargement global de la page lent.

Une partie du problème peut également être que votre volume de trafic dépasse actuellement votre pack d’hébergement:

Hébergement partagé – Coûte le moins cher, car, comme son nom l’indique, vous «partagez» les ressources du serveur hôte avec d’autres Hébergement VPS – Connu comme un «serveur privé virtuel», c’est une bonne option de milieu de gamme. Vous devez toujours partager le serveur avec d’autres mais vous disposez de ressources dédiées (telles que la RAM). Il y a plus de contrôle et donc de meilleures performances Serveur dédié – Naturellement, c’est aussi exclusif que possible. Un serveur dédié est le «package» d’hébergement le plus cher, mais vous disposez de plus d’espace et d’une meilleure bande passante.

(Source de l’image)

L’hébergement augmente ou réduit le temps de chargement et les performances des pages. Lorsque vos niveaux de trafic retardent le temps de réponse de votre serveur, c’est le moment où vous devrez reconsidérer vos options d’hébergement.

Sans en faire une base solide et fiable, toutes vos autres stratégies pour augmenter le temps de chargement des pages et le classement des sites Web sont un point discutable.

Que se passe-t-il lorsqu’une page se charge?

Le processus qui se produit lors du chargement d’une page est une séquence d’événements définie et cohérente. Même si cela ne change jamais, vous pouvez modifier les performances si vous savez ce qui se passe.

1) Connexion au serveur

L’objectif principal de votre hébergeur est de connecter votre site Web aux recherches de votre public via l’utilisation d’un serveur. Un serveur stocke des documents tels que des fichiers HTML, des images, etc., qui constituent le site Web destiné à l’utilisateur et la fonctionnalité de backend.

2) Le client récupère le site Web

Les clients sont tout type de logiciel. Dans le cadre de votre site Web, c’est votre navigateur. Le navigateur se connecte au serveur, accède aux informations via une URL et les affiche ou les charge pour l’utilisateur.

3) Une requête entre les deux établit une connexion

Lorsqu’un utilisateur accède à ce lien vers votre site Web ou saisit une URL dans son navigateur, il envoie ensuite une demande au serveur pour lui demander littéralement de fournir les données (ces documents HTML, modules javascript, feuilles de style CSS, images, etc.) pour l’affichage.

4) La réponse est déclenchée et renvoyée

Le serveur répond à cette demande et commence à récupérer des parties des données (c’est-à-dire les documents qui composent votre site Web). Le nombre de demandes effectuées et la rapidité avec laquelle ces demandes sont traitées déterminent la rapidité et la réactivité du serveur de votre hôte. Cela détermine également le temps de chargement de votre site Web.

5) Un chemin de rendu critique commence

Certaines ressources de la page ou du processus de chargement du site sont «critiques» tandis que d’autres ne le sont pas. Le chemin de rendu critique est une série d’étapes prédéfinies que votre navigateur traitera pour afficher le site Web de la meilleure façon possible. Cependant, vous catalysez beaucoup ce chemin de rendu.

Comment faire de votre coin Internet un endroit plus rapide

À partir de 2018, la volonté de Google consiste à optimiser deux aspects techniques majeurs du référencement d’un site Web: la structure du site et la vitesse du site.

Les deux sont essentiels en tant que facteurs de classement, c’est donc une bonne idée de prêter attention à ces concepts clés.

Les données structurées suivent une certaine manière standardisée de structurer le code sur votre site Web afin que les «araignées» d’un moteur de recherche puissent «explorer», organiser et afficher votre contenu beaucoup plus efficacement pour les utilisateurs.

La récompense, bien sûr, est que si vous adhérez à ces normes prédéfinies, les chances d’apparaître sur la première page de vos résultats de recherche et de gagner des positions convoitées dans les meilleures recherches augmentent considérablement. Vous utiliseriez JSON-LD comme format et Schema.org comme «vocabulaire» choisi pour commencer à ajouter des données structurées à votre site.

Google ne récompense pas seulement les données structurées dans les classements des moteurs de recherche, il utilise en fait les données structurées pour permettre des améliorations spéciales qui convertissent votre code en résultats visibles pour le public. Ainsi, par exemple, un site Web de recettes utilisant des données structurées codées comme suit:

(Source de l’image)

… Apparaîtrait comme un résultat de recherche graphique sur la première page, dans une position proéminente.

La mise en œuvre de données structurées sur votre site Web peut vous aider à atteindre les objectifs suivants:

Apparaître dans les graphiques de connaissancesApparaître dans les recherches de marquesCommuniquer avec Google à propos de vos profils de réseaux sociaux et de la qualité de votre contenuPermet l’inclusion de Google Actualités

Maintenant, voici la meilleure partie: un site Web avec un code standardisé (c’est-à-dire des données structurées) va être plus propre, ce qui signifie qu’il est plus facile à explorer et plus rapide à charger.

La relation des données structurées à la vitesse du site et au contenu analysable les élève du statut «agréable à avoir» au statut incontournable. En gardant cela à l’esprit, Google propose aux propriétaires de sites un outil pratique pour tester les données structurées de votre site Web.

Même si les audiences arrivent sur votre site Web grâce à des données structurées, elles doivent encore connaître un temps de chargement rapide – et, selon Google, c’est idéalement moins de deux secondes.

Fournir des résultats riches en informations (via des données structurées comme le balisage Schema.org) fait partie des facteurs de classement d’un moteur de recherche. Mais ce n’est pas seulement une question de profondeur d’informations. Il s’agit également de la rapidité et de l’efficacité du chargement de ces informations pour un utilisateur.

C’est pourquoi, en 2015, a lancé la bibliothèque open-source «AMP», également appelée Accelerated Mobile Pages. Il s’agit d’une stratégie spécifique que vous pouvez utiliser pour augmenter vos temps de chargement.

AMP permet aux propriétaires de sites comme vous de créer des pages Web qui se chargent presque instantanément lors de la navigation sur mobile. AMP optimise donc à la fois la livraison du contenu et les temps de chargement des pages. En fait, Google a publié son propre guide sur l’utilisation des données structurées pour améliorer la diffusion AMP, ce qui, à son tour, amplifie les temps de chargement de vos pages.

Liste de contrôle du chargement de page – Un guide étape par étape pour améliorer les performances de temps de chargement

1) Réduire les requêtes HTTP

Vos fichiers HTTP, CSS et Javascript sont le premier point de départ. Les éléments de ces documents comptent comme une seule requête HTTP. Donc, votre direct ici est de nettoyer et de «réduire» ces fichiers.

Vous avez une variété d’options telles que:

Éliminez le code, le formatage et les espaces inutiles Réduisez la taille du fichier à l’aide de compresseurs tels que GZip ou Brotli «Réduisez» les images à l’aide d’outils de compression d’images en masse

2) Fiez-vous au chargement paresseux

Le «chargement différé» consiste à éviter de charger immédiatement des ressources non critiques. Au lieu de cela, vous chargez d’abord les fichiers les plus légers et les plus importants. Les images, certains fichiers Javascript et les réponses JSON peuvent être «différés» plus tard dans le processus de chargement.

3) Optimiser les polices

Ensuite, recherchez quelques solutions pour optimiser les polices. Presque tout le monde manque cet aspect du chargement du site Web, mais les polices sont tout aussi coûteuses en ressources que les images. Voici quelques stratégies que vous pouvez utiliser:

Réduisez le nombre de polices que vous utilisez (et optez pour les polices Web) Réduisez les «sous-ensembles» de polices que votre site est en train de charger. Mettez en œuvre des stratégies de chargement de polices personnalisées (en utilisant le rel = “preload” sur une balise “link”, qui indique le navigateur pour prioriser cette ressource)

4) Reconsidérer les publicités sur la page et les pop-ups

Soyons honnêtes ici: personne n’aime les pop-ups et personne ne répond vraiment aux publicités sur la page de toute façon (à moins que son doigt ne glisse pendant un moment). En plus d’être carrément ennuyeux, ils ralentissent également votre page Web, interrompent l’expérience utilisateur et rendent votre site Web moins professionnel.

Et puisque 26% des utilisateurs américains comptent de toute façon sur la technologie de blocage des publicités, vous feriez bien de repenser les publicités sur la page et les pop-ups en faveur de:

Remarketing (pixels de suivi) PPC (maîtrisez la formule publicitaire au paiement par clic dans Google) Annonces sur les réseaux sociaux (une plate-forme complètement différente que vous pouvez utiliser pour vous connecter à votre site Web)

5) Utilisez les meilleures pratiques CSS pour des temps de chargement de page rapides

Il y a quelques choses autour de CSS que vous pouvez implémenter immédiatement. CSS fait de beaux sites Web, mais il peut être lourd en ressources.

Atténuez cela en:

Évitez d’utiliser l’expression CSS pour calculer les positions sur la page Placez les références CSS en haut et les scripts vers le bas (cela permet au navigateur de trouver immédiatement toutes les informations sur les feuilles de style) Externaliser les fichiers CSS afin que le navigateur puisse implémenter la mise en cache

Conclusion

Lorsque vous exécutez votre site Web ou vos pages de site via des outils tels que PageSpeed ​​Insights de Google, vous devez viser un faible niveau de latence. La latence des requêtes indique la durée pendant laquelle un client (le navigateur) attend une réponse à la requête.

À présent, vous vous demandez probablement ce qu’est un bon temps de chargement de page. Vous savez peut-être déjà que Google recommande de ne pas prendre plus de deux secondes pour charger les premiers éléments de contenu sur votre site. Mais vous devriez également viser un score de vitesse de page compris entre 92 et 100.

La synchronicité entre tous les facteurs de classement est un processus que vous devrez constamment peaufiner. Mais la bonne nouvelle est que les conventions sont explicites et que les outils à votre disposition sont largement disponibles. Vous n’avez pas besoin d’être techniquement averti – il vous suffit d’être engagé dans les détails.