C’est bien connu : les temps de chargement longs tuent tout simplement les conversions.
Cet article vous présente pourquoi la performance de votre site web se doit d’être irréprochable et quels outils peuvent vous aider à optimiser le temps de chargement.
Pour vos visiteurs, rien de plus agaçant qu'un site Web qui met une éternité à charger. Les longs temps de chargement entrainent non seulement une mauvaise expérience utilisateur pour vos clients, mais ils augmentent également le taux de rebond sur votre site Web. Découvrez ici six outils avec lesquels vous pourrez tester la performance de votre site Web.
De nos jours, un bon webdesign et du contenu intéressant ne suffisent plus pour garder des visiteurs sur un site Web car si techniquement tout ne fonctionne pas comme il faut, les utilisateurs partent aussi vite qu'ils sont venus. Un temps de chargement rapide a ici une grande influence sur l'expérience utilisateur de vos clients. Mais que signifie rapide ? Les opinions à ce sujet varient énormément :
Pour Google Search Console, trois secondes est déjà un temps de chargement élevé. La moyenne est en général de 1,5 à 3 secondes. Cependant, le délai qu'un utilisateur perçoit subjectivement comme long ou rapide ne joue pas un si grand rôle. Une chose est sûre : les temps de chargement longs sont très pénibles.
Pour savoir précisément votre temps de chargement, une multitude d'outils sont à votre disposition sur le réseau. Nous vous présentons aujourd'hui six outils sélectionnés qui peuvent vous aider à optimiser votre performance.
Avec cet outil de Google, vous pouvez analyser de nombreuses sources d'erreurs potentielles ayant un impact négatif sur le temps de chargement de votre site. PageSpeed Insights explore deux fois l'URL que vous saisissez, d'abord avec un agent utilisateur mobile puis avec un agent utilisateur d’ordinateur. Ainsi, la performance de votre page est mesurée à la fois sur les ordinateurs de bureau et sur les appareils mobiles.
Pour ce faire, il vous suffit d'entrer votre URL dans le champ donné pour obtenir, outre une évaluation de votre temps de chargement de 0 à 100 points, des possibilités d'optimisation pour votre page. L'outil prend en compte exclusivement les aspects indépendants du réseau, comme la configuration du serveur, la structure HTML d'un site ou encore l'utilisation de ressources externes comme des images ou JavaScript et CSS. Cet outil est très facile à utiliser, mais il vous livre seulement des indices pour accélérer votre temps de chargement.
Illustration 1 : PageSpeed Insights de Google évalue le temps de chargement de votre site Web
Sur WebPageTest.org, vous pouvez procéder de la même manière qu'avec PageSpeed Insights. Cependant, outre votre URL, vous pouvez également spécifier ici à partir de quel emplacement et avec quel navigateur doit être effectué le test. Ainsi, vous pouvez par exemple déterminer s’il existe des différences de performance du site Web chez les utilisateurs à l'étranger ou chez ceux qui utilisent un autre navigateur. En plus du temps de chargement absolu, WebPageTest vous donne aussi des informations sur le temps de chargement perçu. C'est ce qu'on appelle le "Load time", ou le temps dont votre site a besoin pour que les visiteurs estiment le chargement fini.
Par ailleurs, vous obtenez les résultats de mesure de valeurs comme le "first byte", c'est-à-dire, le temps nécessaire pour la transmission du premier octet de donnée entre le client et le serveur Web , le "start render", soit le temps de chargement jusqu'à ce que le contenu de la page soit affiché pour la première fois à l'utilisateur ou jusqu'au "fully loaded", la valeur à laquelle votre site est complètement chargé, y compris tous les scripts et les éléments. Avec cet outil, vous obtenez ainsi une multitude de KPI, mais cela entraine aussi une certaine confusion dans la présentation.
Illustration 2 : Un peu confus, mais très détaillé : Webpagetest.org
Si vous souhaitez comparer la performance de deux sites Web, Which Loads Faster est l'outil idéal. Pour cela, il suffit d'indiquer les URL des deux sites à comparer pour que l'analyse commence. En revanche, vous n'obtenez malheureusement pas de suggestions sur ce que vous pourriez changer pour optimiser le temps de chargement de votre site Web.
L'outil convient donc parfaitement pour une comparaison rapide, mais pour une analyse détaillée, il vaut mieux avoir recours à un autre outil.
Illustration 3 : Which loads faster est excellent pour une comparaison rapide mais pas pour des analyses détaillées
Le rapport de performance du module Website Success de Ryte donne non seulement un aperçu quant à la performance de l'ensemble de votre site Web, mais il vous fournit également des informations sur le "time to first byte" et sur les temps de chargement de chaque URL.
De plus, il est possible de filtrer les sous-pages "très lentes" pour identifier les fichiers sur lesquels votre serveur a un temps de réponse trop long. Vous obtenez ainsi des informations complètes sur les performances de votre site et des bons points de départ pour des optimisations. Vous trouvez le rapport dans le module Website Success dans Performance > Temps de chargement. De plus, en ajoutant les données de Google Analytics , vous pouvez analyser quels contenus présentent de forts taux de rebond ou un faible temps de visite, pour les optimiser en conséquence.
Illustration 4 : Le rapport de performance de Ryte
Cet outil open source a été développé par Yahoo! et peut être utilisé comme marque-page, comme outil de centre de commandes ou comme extension de navigateur. À l'aide du célèbre add-on "Firebug" de Firefox, il analyse votre site Web avec de divers ensembles de règles.
L'analyse du site Web par Yslow se base sur 23 de 34 règles qui, d'après Yahoo, ont une influence sur les performances d'un site Web. Les résultats sont réunis en une note globale ainsi que dans une liste détaillée et ordonnées selon les caractéristique de performance.
Qu'il s'agisse de texte, d'image ou de JavaScript, l'outil montre clairement au moyen de statistiques quels contenus freinent-ils votre performance et il vous donne des suggestions d'amélioration.
Illustration 5 : Yslow a été développé par Yahoo!
Avec Pingdom.com, vous pouvez analyser toutes les parties de votre site Web et obtenir un résumé de chaque élément d'un site Web (fichiers HTML, Javascript et CSS, images, etc). Vous pouvez filtrer et trier cette liste selon différents aspects et ainsi identifier d'éventuels difficultés de votre site Web.
Comme avec Yslow, vous obtenez avec le résultat du test un niveau de performance et des conseils qui vous aideront à ce que votre page corresponde aux meilleures pratiques de performance de Google Page Speed. En outre, vous pouvez observer l'évolution de la performance de votre page à plus long terme puisque chaque test enregistré.
Illustration 6 : Pingdom.com vous donne entre autre des conseils pour augmenter la performance
En termes de test de performance et d'optimisation de site Web, il existe de nombreux outils intéressants. Celui qui convient le mieux à vos propres besoins dépend toujours de ce que vous voulez réaliser et de la précision nécessaire pour les données d'analyse. Ainsi, l'outil "Which Loads Faster ?" donne simplement une indication sur la rapidité de votre site comparé à la concurrence tandis que Ryte et Yslow fournissent des informations détaillées sur les temps de chargement de chaque contenu et URL, vous permettant déjà d'identifier des optimisations potentielles.
Même avec ces outils gratuits, vous pouvez obtenir de bons résultats, mais si vous avez besoin de plus de précisions, les divers comptes payants offrent toutes les possibilités. Dans tous les cas, les administrateurs de sites Web devraient se pencher sérieusement sur le thème de la performance de site Web pour améliorer l'expérience d'utilisateur sur une page donnée et contrer les taux de rebond élevés.
Contrôlez et optimisez la performance de votre site web avec Ryte FREE
Écrit le 27.11.2017 par Kristina Schreiner.
À côté de son master en marketing management, Kristina soutient l'équipe marketing de Ryte. Avec une touche d'humour, beaucoup de créativité et un sens de l'organisation incomparable, elle s’occupe non seulement de la version allemande du magazine et du Wiki de Ryte, mais elle seconde également l’équipe dans la gestion d’événements.
Suivi, analyse et optimisation de vos actifs numériques grâce à notre technologie unique
S’inscrire gratuitement
Pingback: Pingdom Tools : nouveau site et nouvelles couleurs ! - Chez momo-fr()