Augmentez la vitesse des pages pour améliorer votre référencement

Publié: 2020-11-19

Lors de la conférence Found de cette année, Ray Grieselhuber, notre propre PDG, a parlé de l' importance de concevoir pour la lisibilité . Les utilisateurs ont généralement des objectifs avant d'accéder à votre site : ils recherchent quelque chose avant d'accéder à votre page de destination, et vous souhaitez que cette intention corresponde à l'intention de l'utilisateur. De plus, les utilisateurs ne veulent pas attendre leur contenu. En raison des attentes des utilisateurs d'une expérience instantanée, s'assurer que vous augmentez la vitesse de la page est un élément essentiel du référencement.

Améliorer la vitesse et le classement des pages en même temps

Google définit la vitesse du site comme la vitesse de toutes les pages qui composent votre site, tandis que la vitesse de la page est la vitesse d'une page individuelle sur votre site. La vitesse du site est basée sur toutes les pages de votre site. Vous devrez donc améliorer les temps de chargement sur toutes ou la plupart de vos pages afin d'améliorer la vitesse globale du site. Google indique que les pages devraient se charger en moins de 2,5 secondes.

La vitesse en tant que facteur de classement n'est pas nouvelle ; Google l'utilise comme facteur de classement sur la recherche sur ordinateur depuis au moins 2010. En 2018, le moteur de recherche a annoncé ce qu'il a appelé The Speed Update , faisant de la vitesse de la page un facteur de classement pour la recherche mobile . L'annonce comprenait un raisonnement solide : la vitesse de la page affecte les taux de rebond et l'objectif de Google est de diriger les utilisateurs vers le contenu sur lequel ils souhaitent rester. Il a même cité des études montrant que la probabilité d'un rebond augmente considérablement pour des temps de chargement de page supérieurs à 3 secondes.

Alors que Search Engine Watch indique que la vitesse de la page n'est que légèrement corrélée au classement , elle est très fortement corrélée à certains comportements des utilisateurs : et ces comportements auront certainement un impact sur votre classement. Encore une fois, les utilisateurs ont une idée de ce qu'ils recherchent et les sites lents ne répondent pas aux attentes des utilisateurs.

Augmentez la vitesse des pages et améliorez les attentes des utilisateurs

Ray dit que la vitesse de la page, le temps de chargement et le temps de rendu sont tous des facteurs importants pour garder les utilisateurs sur la page. "S'il faut plus de quelques secondes pour charger quelque chose, leurs attentes quant à la valeur qu'ils obtiennent de cette page augmentent très rapidement", dit-il.

Attendre un contenu de page de mauvaise qualité risque de frustrer vos utilisateurs. Une étude du début des années 2010 a montré qu'à cette époque, les webdesigners disposaient de 50 millisecondes pour faire une bonne première impression . Bien sûr, ce nombre peut varier selon le site, l'appareil et l'utilisateur, mais les humains sont conçus pour porter des jugements instantanés. Les utilisateurs décident presque immédiatement s'ils veulent interagir avec votre site, et ils stockent ces informations lorsqu'ils décident de revenir.

Les temps de chargement lents signifient que vos utilisateurs n'auront rien à juger - et pourraient bien rebondir sur votre site. Inversement, une meilleure vitesse de page permet non seulement de garder les gens sur votre site, mais aussi d'augmenter l'engagement une fois qu'ils sont arrivés. Une étude menée par Google et Deloitte a montré qu'une amélioration du temps de chargement ne serait-ce que de 100 millisecondes peut avoir un impact sérieux sur le comportement de l'utilisateur : une augmentation de 0,1 seconde de la vitesse de la page s'accompagne d'une augmentation des conversions pouvant atteindre 10 %.

Résolvez les problèmes qui ralentissent votre temps de chargement.

Le temps de chargement lent peut être un problème technique, pas un problème de contenu. Ainsi, pour augmenter la vitesse des pages, vous devrez peut-être faire appel à votre équipe de développement (si vous en avez une) ou rafraîchir votre propre connaissance des problèmes de back-end.

Première étape : déterminer où vous en êtes. La fonctionnalité Test My Site de Google vous permet de tester la vitesse de votre site et vous montre les correctifs recommandés si votre temps de chargement est supérieur à 2,5 secondes. Test My Site fournit même des suggestions personnalisées, appelant les meilleures améliorations pour votre site. Ces correctifs peuvent inclure :

Mise en cache HTTP pour accélérer les temps de chargement pour les utilisateurs récurrents. Les navigateurs peuvent mettre en cache des feuilles de style, des images, etc. pour empêcher les utilisateurs récurrents d'avoir à recharger la page entière. Consultez le guide de Google sur ce sujet ici.
Images à la bonne taille . Assurez-vous que vos images ne sont pas plus grandes que nécessaire : vous n'avez pas besoin de photos haute définition pour chaque page de votre site ! Redimensionnez les images pour qu'elles correspondent aux dimensions d'affichage de votre site. Et assurez-vous qu'ils sont au bon format (PNG ou JPEG fonctionnent, mais les images WebP sont encore meilleures)
Réduire les redirections . Chaque fois qu'une page redirige vers une autre, vos utilisateurs font face à un temps d'attente supplémentaire. Créez des URL adaptées à vos besoins : si possible, évitez d'utiliser des pages m-dot ou des URL longues qui doivent être raccourcies.
Minification de JavaScript, CSS et HTML . La minification supprime un fichier de code de toutes les données qui ne sont pas nécessaires pour que le fichier soit exécuté : en gros, supprimer les commentaires de code et le code inutilisé, utiliser des noms de fonction plus courts, etc. Ce n'est pas quelque chose que vous voulez faire manuellement, mais de nombreux outils et ressources sont disponibles pour vous aider dans ce projet.
Compression de gros fichiers CSS, HTML et JavaScript . Essayez Gzip, un algorithme de compression qui vous permet de réduire la taille d'un fichier et de conserver les propriétés d'origine du fichier.
Réduction du temps de réponse du serveur . L'un des principaux facteurs de chargement de page est le temps nécessaire aux navigateurs pour récupérer votre DNS ou votre système de noms de domaine. Certains fournisseurs DNS sont plus rapides que d'autres. Vous pouvez donc envisager de changer de fournisseur DNS.
Choisir une meilleure option d'hébergement . Les options d'hébergement bon marché utilisent généralement l'hébergement partagé (qui maintient votre site sur le même serveur que les autres sites). Cela signifie qu'un pic de trafic vers votre site - ou vers d'autres hébergés sur le même serveur - peut entraîner des temps de chargement plus lents. Vous voudrez peut-être vous pencher sur l'hébergement VPS (qui réserve certaines parties des ressources de votre serveur pour votre site) ou sur un serveur dédié.

Assurez-vous de re-tester votre site fréquemment et recherchez des améliorations à la vitesse de votre page. En établissant des performances de base, vous pouvez vérifier l'efficacité du travail que vous effectuez pour réduire le temps de chargement. Une stratégie d'audit de site peut vous aider à déterminer la situation actuelle et la fréquence à laquelle vous devriez vérifier les améliorations de la vitesse des pages.

Utilisez AMP pour une meilleure vitesse de page et UX

L'utilisation d'AMP, ou Accelerated Mobile Pages, est un excellent moyen d'augmenter les performances des pages sur votre site. AMP est un framework HTML open source qui offre une expérience mobile plus rapide et plus fluide. Les pages mobiles avancées redirigent vos pages HTML standard vers une version simplifiée de la page, en coupant une partie du code susceptible d'enliser votre site. AMP a fait ses débuts en tant que concurrent de Google pour la page de chargement instantané via Facebook Instant Articles et Apple News. Aujourd'hui, plusieurs plates-formes prennent en charge AMP - et vous le faites peut-être déjà. Sinon, envisagez de l'utiliser pour réduire la vitesse de la page.

AMP dit qu'il utilise sept facteurs majeurs pour réduire le temps de chargement. Ils comprennent:

Il exécute uniquement du JavaScript asynchrone, réduisant ainsi les scripts de blocage de contenu. Les scripts et les composants d'AMP se chargent tous en même temps, de sorte qu'un morceau de script n'attend pas un autre.
Les mises en page indépendantes des ressources réduisent le temps nécessaire au chargement des ressources. Les ressources externes telles que les images, les publicités ou les iframes doivent indiquer leur taille dans le code HTML afin que AMP puisse déterminer la taille et la position de chaque élément avant le téléchargement des ressources.
Le CSS est optimisé et dégonflé : le serveur ne doit charger que quelques feuilles de style, pas une bibliothèque entière. Considérez cela comme une bonne hygiène CSS.
Les polices Web sont optimisées et, encore une fois, chargées de manière asynchrone avec le reste de la page.
Les recalculs de style et de mise en page sont très limités. La plupart des pages fournissent leur mise en page aux navigateurs au coup par coup, mais AMP fournit toutes ses mises en page à l'avance.
Les animations sont exécutées sur le GPU, pas sur le CPU, ce qui réduit l'effort de votre ordinateur pour les rendre.
AMP donne la priorité au chargement des ressources. AMP télécharge les ressources les plus importantes (le texte au-dessus du pli) en premier.

D'accord, oui : ces sept facteurs sont extrêmement complexes. La morale est la suivante : AMP crée une version plus rapide et plus légère de votre site. Cette version se charge plus rapidement et offre une meilleure UX. Et, si vous souhaitez améliorer vos performances sur mobile, vous devriez le vérifier.

Éliminer les facteurs qui ralentissent l'accès des utilisateurs à l'information.

La vitesse n'est pas qu'une question de temps de chargement. Tenez compte des autres éléments de votre site susceptibles de créer une expérience utilisateur plus lente. Les offres, les interstitiels de génération de leds et autres pop-ups fonctionnent souvent bien du point de vue des clics, mais ils ralentissent l'accès de vos utilisateurs au contenu de votre page. Du point de vue du développement, les pop-ups peuvent être une "meilleure pratique" dans la mesure où ils génèrent une tonne de clics et de conversions. Mais, pesez ce pour contre le con évident : les pop-ups sont ennuyeux.

Ray dit que la vitesse de la page, le temps de chargement et le temps de rendu sont tous des facteurs importants pour garder les utilisateurs sur la page. S'il faut plus de quelques secondes pour atteindre votre page, les utilisateurs s'attendront à de l'or absolu sur cette page, et tout ce qui ne correspond pas parfaitement à leurs intentions sera décevant. Fournissez à vos utilisateurs un contenu de qualité — assurez-vous qu'ils accèdent à ce contenu en temps voulu.

Besoin d'un audit de vitesse de page pour vous aider à démarrer ? Planifiez un appel de découverte maintenant ou remplissez ce formulaire et nous commencerons les choses.