Mesurez, comparez, présentez vos résultats avec Webpagetest... [Performance web 6/6]

Axel Veber

Le DSI/CIO est un véritable moteur de la stratégie d'entreprise, son rôle va bien au delà de la gestion opérationnelle du système d'information. La performance est ainsi une question centrale tant au niveau business qu'au niveau informatique.

Après avoir vu dans nos précédents articles quelles conséquences la vitesse d'affichage d'un site peut avoir sur le business et quelles sont les solutions techniques pour l'optimiser, nous nous attachons aujourd'hui à vous parler d'un outil gratuit de mesure de votre performance et à vous donnez quelques pistes pour présenter vos résultats afin de les rendre plus impactants.

 

Quel outil pour analyser gratuitement la performance de votre site internet ?

Webpagetest est un outil gratuit dont le rôle est d'analyser et d'obtenir une vue détaillée de la vitesse d’affichage de votre site.
Ces différentes fonctionnalités vous permettent de :

  • réaliser un audit sur la performance de vos pages
  • créer un historique de mesures
  • comparer votre site avec ceux de vos concurrents

Dans cet article, nous vous proposons une manière de présenter vos résultats afin de démontrer l'importance de la performance de votre site web dans la stratégie globale de votre entreprise.

Un guide d’utilisation du site Webpagetest est accessible sur le site.

 

Évaluez et mesurez la performance de votre site web en vous comparant avec vos concurrents 

Dans cette partie, nous allons nous appuyer sur les sites d'actualités lemonde.fr et midilibre.fr.

Configuration des tests de mesure des performances

Dans un premier temps, il s'agit de configurer les tests. Pour ce faire, il s'agit de paramétrer l'outil d'analyse en fonction de votre audience. Il vous faut ainsi renseigner : les URLS, les types de connexions, le navigateur, l'emplacement du client, etc…

Voici le type de résultats que vous pouvez obtenir :

 

Le filmstrip 

Filmstrip : vitesse d'affichage comparer

Ce diaporama permet de vous situer par rapport à d'autres sites web en terme d'affichage de la page.

 

Le waterfall

Résultats pour le site lemonde.fr :

Waterfall le monde

 

Résultats pour le site midilibre.fr :

 

Ce diagramme permet de :

  • comparer, comme le diaporama, la performance de votre site web avec celles de vos concurrents
  • mettre en exergue les éléments qui ralentissent le chargement de vos pages. Ainsi, les éléments qui arrivent avant le First Paint (ici représenté par la ligne verte) sont considérés comme nécessaires au rendu de la page.

 Ces éléments doivent donc être optimisés pour que le rendu de la page se fasse le plus vite possible.

Webpagetest propose également d'autres métriques sur le chargement des pages web, toujours dans une optique de comparaison.

Timing
Request
Bytes

 

Démontrez l'impact de vos optimisations web en maintenant un historique

Une autre manière d'utiliser Webpagetest est de tester à chaque action sur le site le temps de chargement des pages. Ceci vous permet de :

  • justifier et visualiser de manière concrète l'impact des optimisations
  • déceler de potentielles régressions

 

Pour aller plus loin dans l'optimisation de vos performances, n'hésitez pas à consulter les articles suivants : 

Besoin de conseils afin d'optimiser la performance de votre site web ? Contactez-nous !
Vous avez un projet digital? Refonte de site web complexe, application métier, solution d'hébergement, infogérance, TMA... Contactez-nous!

A lire aussi

Ansible, Netbox, Terraform, Packer, Rundeck : présentation et utilisation
Réussissez votre transition vers le e-commerce B2B sélectionnant le ou les ...
Voir tous les articles