La vitesse de chargement d’une page est la première chose que vous remarquez lorsque vous visitez un site web, mais vous ne la remarquerez que si le site web est trop lent. La vitesse de la page est une part importante de l’expérience utilisateur, il n’est donc pas étonnant qu’elle soit officiellement devenue un facteur de classement pour les recherches mobiles et qu’elle le soit pour les ordinateurs de bureau depuis longtemps.
De nombreuses études sur la corrélation entre la vitesse de chargement des pages et les taux de rebond ont abouti à des conclusions plutôt alarmantes : chaque milliseconde compte. Avec notre nouvelle recherche sur la performance des sites web, nous voulions ajouter une note positive à ces statistiques décourageantes et prouver qu’il y a beaucoup de place pour l’amélioration de la performance de votre site web.
Notre recherche vous aidera à structurer votre flux de travail lors de l’optimisation de la performance de votre site. En particulier, nous vous montrerons quelles sont les erreurs les plus importantes et lesquelles nécessitent une attention particulière afin que vous puissiez prioriser le processus de correction.
Méthodologie
Pour cette étude, nous avons analysé 150 000 sites web aléatoires (versions ordinateur et mobile) pour évaluer leur performance. Pour collecter les données, nous avons utilisé le nouveau rapport de performance d’Alien Road Site Audit, qui fournit des statistiques pratiques sur les neuf problèmes les plus courants affectant la performance d’un site web.
Résultats surprenants
À notre grande surprise, c’est la première fois que nous constatons qu’un nombre impressionnant de 82 % des sites web analysés présentent des problèmes affectant considérablement leurs performances. Cela fait des problèmes liés à la performance l’un des problèmes les plus courants sur les sites web.
De plus, 44 % des sites web analysés présentaient au moins un problème critique (selon notre classification de la gravité des problèmes de Site Audit).
Sur une note positive, nous avons constaté que la majorité des sites web rencontrant des problèmes de performance peuvent les améliorer en utilisant des techniques d’optimisation de page simples et une configuration de serveur simple.
Nous allons maintenant examiner de plus près les problèmes que nous avons trouvés et suggérer quelques moyens éprouvés de les éliminer.
Nous espérons que ces données vous aideront à prioriser votre travail et à estimer le nombre et la gravité des problèmes qui peuvent survenir sur votre site web.
Nettoyer les redirections
Commençons par quelque chose de simple. Les chaînes et les boucles de redirection sont des problèmes classiques qui causent des problèmes de performance sur les sites web. Si vous ne voulez pas tester la patience de vos utilisateurs avec des chaînes et des boucles de redirection, essayez de les éviter sur votre site web.
De plus, les chaînes de redirection déroutent les robots ; leur budget de crawl est limité, et à chaque redirection, votre page perd un peu de son classement d’origine. Vous trouverez ci-dessous une excellente vidéo sur les redirections par Matt Cutts si vous souhaitez en savoir plus.
Si une page contient 3 URL ou plus ou une boucle, elle est marquée par notre Site Audit comme ayant un problème. Heureusement, seuls 7 % des sites web analysés présentaient ce problème, selon notre étude.
Cependant, les redirections d’une page à une autre sont souvent une nécessité lors du changement de marque ou du renommage d’un site web, de la migration vers HTTPS, de la réduction des pages en double (par exemple, les versions « www » et « non-www »), et dans de nombreux autres cas.
Plus votre site web devient grand et ancien, plus il devient difficile de garder sa structure propre. Les redirections ont tendance à s’accumuler et à créer des chaînes ; plus il y a de liens, plus il faut de temps pour atteindre la page de destination. C’est pourquoi vous devez être très prudent lors de la mise en œuvre de redirections « nécessaires ».
Réduire la taille de la page
Plus la page est lourde et plus elle contient de ressources, plus elle met de temps à se charger. Il est important de s’assurer que la taille de votre page, ainsi que la taille totale des fichiers JS et CSS (taille de transfert), ne dépasse pas 2 Mo.
Dans notre Site Audit, tout ce qui dépasse 2 Mo est considéré comme lourd et provoque l’apparition d’une erreur. Même si 2 Mo suffisent pour qu’une page « vive sa vie pleinement », 1 % des sites web analysés présentaient toujours ce problème. Si vous vous trouvez parmi ces 1 %, nous vous recommandons de mettre votre page au régime et de maintenir sa taille au moins en dessous de 2 Mo.
Les images et les vidéos constituent la plus grande partie du poids d’une page, cela devrait donc être votre point de départ. Changer le format, la résolution ou la qualité de votre contenu visuel peut réduire considérablement la taille de la page. Commencez par vous demander si ces visuels apportent une réelle valeur et rappelez-vous que parfois, moins c’est mieux.
Notre recherche a révélé un chiffre décevant de 68 % de sites web avec des fichiers JavaScript et CSS non minifiés. En minifiant vos fichiers JavaScript et CSS (en supprimant les lignes inutiles, les espaces et les commentaires du code source), vous réduirez la taille de vos ressources et donc leur temps de chargement, offrant une meilleure expérience utilisateur et améliorant votre classement dans les moteurs de recherche.
La minification du code JavaScript peut être effectuée à l’aide de deux outils populaires : JSMin et YUI Compressor. Le YUI compressor peut également minifier le CSS. Closure Compiler est un autre outil pratique qui analyse votre JavaScript, supprime le code mort, réécrit et minimise ce qui reste. L’obfuscation est une autre méthode de réduction de taille, légèrement plus efficace que la minification, bien qu’un peu plus risquée en termes de génération de bugs à la suite de l’étape d’obfuscation elle-même.
En plus de minifier les scripts et les styles, n’oubliez pas de compresser le HTML, le CSS et le Javascript en utilisant des schémas comme gzip ou deflate. Cela réduira leur taille de moitié ou plus.
Selon les rapports State of JavaScript et Page Weight, qui fournissent des statistiques sur l’utilisation de JavaScript et CSS sur le web pour les expériences mobiles et de bureau, une page web moyenne contient 25 requêtes de ressources (20 requêtes JS et 5 requêtes CSS, respectivement).
Notre outil Site Audit marquera une page comme contenant « Trop de fichiers JavaScript et CSS » uniquement si elle contient plus de 100 ressources, et c’est beaucoup. Pourtant, 1 % des sites web analysés se sont révélés avoir trop de fichiers JavaScript et CSS ! Assurez-vous de ne pas surcharger votre page avec des fichiers JavaScript et CSS. En général, moins vous recevez de requêtes, mieux c’est, donc en gardant ce nombre en dessous de 100, vous êtes en sécurité. Pensez également à fusionner plusieurs fichiers CSS et JS en fichiers uniques pour accélérer le processus de chargement.
Vous trouverez beaucoup d’informations utiles sur la condensation de votre site web dans les ressources suivantes :
Booster la performance du serveur
L’une des raisons d’une vitesse de chargement de page lente est évidemment une grande taille de page HTML. Cependant, comme nous l’avons découvert dans le chapitre précédent, seul 1 % des sites web analysés s’est révélé avoir une grande taille de page HTML. Alors d’où viennent les 42 % restants des problèmes de vitesse de chargement de page lente ? Très souvent, cela est dû à des problèmes de serveur.
Si le serveur web manque d’efficacité, la page web à laquelle vous essayez d’accéder se chargera également lentement. Vous devez revoir votre service d’hébergement et le forfait fourni ; s’il est inadéquat, changez de fournisseur ou envisagez d’obtenir un serveur dédié. Apprenez-en plus sur les facteurs qui contribuent à un forfait d’hébergement rapide ici.
Il en va de même pour les sites web mobiles. En fait, pour les sites mobiles, le facteur de vitesse de la page est encore plus critique car ils sont souvent utilisés par ceux qui sont en déplacement. Ce calculateur de Think with Google vous aidera à estimer comment l’amélioration de la vitesse de votre site pourrait avoir un impact sur vos revenus.
Il existe d’autres facteurs qui peuvent ralentir la réponse de votre serveur, tels qu’une logique d’application lente, des requêtes de base de données lentes, un routage lent, des frameworks, des bibliothèques, une famine de CPU de ressources ou une famine de mémoire. Utilisez ces recommandations de Google Developers sur la façon de gérer ces problèmes et d’améliorer le temps de réponse du serveur.
Comme l’indique notre recherche, 25 % des sites web analysés ont des fichiers Javascript et CSS non mis en cache. Ce problème est déclenché si la mise en cache du navigateur n’est pas spécifiée dans l’en-tête de réponse. En termes simples, ne pas activer la mise en cache du navigateur obligera les utilisateurs à télécharger les mêmes fichiers à chaque fois qu’ils visitent votre page.
L’activation de la mise en cache du navigateur pour les fichiers JavaScript et CSS permet aux navigateurs de stocker et de réutiliser les ressources de votre page sans avoir à les télécharger à nouveau lors de la demande de votre page. De cette façon, le navigateur téléchargera moins de données, ce qui réduira le temps de chargement de votre page.
Dans l’ensemble, cette simple correction pourrait rendre un quart des sites web étudiés nettement plus performants.
Commencer à corriger
Il existe de nombreux facteurs qui s’ajoutent à la vitesse finale de la page, et s’occuper de tous manuellement est une corvée insupportable, mais vous pouvez toujours vous tourner vers des outils spécialisés.
PageSpeed Insights de Google est un excellent point de départ ; il est gratuit, fonctionnel et fournit des rapports pour les versions mobile et de bureau de votre site. Un avantage supplémentaire est qu’il se concentre sur les problèmes jugés importants par Google lui-même.
Google utilise les données de l’expérience des utilisateurs de Chrome sur la page pour évaluer si elle est Rapide, Lente ou Moyenne en termes de vitesse de chargement. Malheureusement, cela signifie que vous ne pourrez obtenir des informations que sur les sites web qui reçoivent suffisamment de trafic des utilisateurs de Chrome pour l’analyse, et les petits sites web pourraient obtenir le résultat Non disponible.
Pour les résultats Lents et Moyens, vous recevrez des Suggestions d’optimisation, qui est une liste de meilleures pratiques pour accélérer la page. Cette liste vaut vraiment la peine d’être consultée, bien qu’elle doive être prise avec un grain de sel ; courir après le score parfait pourrait conduire à perdre votre temps et à créer une mauvaise expérience utilisateur.
Pour une analyse de site approfondie et flexible qui va également bien au-delà des seuls problèmes de performance, nous suggérons l’outil Alien Road Site Audit :
Le rapport de performance d’Alien Road Site Audit vous fournira des graphiques statistiques pour avoir une idée générale des problèmes techniques de votre site web ; ses info-bulles expliqueront en quoi consiste chaque problème et comment vous pouvez le résoudre.
La liste des problèmes est divisée par gravité en Erreurs, Avertissements et Avis ; cela vous aidera à trier les erreurs les plus critiques en premier.
Le rapport de performance vous permet également de connecter votre compte Google Analytics pour obtenir plus d’informations sur l’expérience utilisateur (Temps moyen d’interaction de page Google Analytics) :
Comme vous pouvez le voir, avec des ajustements et une configuration, accélérer votre site web est assez simple. Testez des parties spécifiques de votre site web, utilisez des rapports thématiques et suivez nos recommandations pour économiser vos ressources et obtenir les meilleurs résultats avec le moins d’effort possible. De plus, vous pouvez toujours suivre vos progrès en surveillant votre Score de performance en haut du rapport.
Veuillez utiliser la section des commentaires ci-dessous pour partager vos meilleures pratiques pour améliorer la vitesse de votre site web. N’hésitez pas non plus à partager des liens qui peuvent aider d’autres propriétaires de sites web à résoudre leurs problèmes de performance de site web – collectons une bibliothèque utile.
Qu’est-ce que le E-Marketing ? — Définition, types et exemples
Tarification des agences de marketing digital
Tarification des agences de marketing digital Il n’y a jamais eu une telle demande pour les services de marketing digital ..
Service associé: Conception et développement web