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

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 

×

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 :

×

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.

×

×

×

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 : 

• Vitesse de chargement et impact sur la conversion, le SEO, l’expérience utilisateur... [Améliorez vos performances web 1/6]
• Mise en cache, packing et minification [Améliorez vos performances web 2/6]
• Le chemin critique du rendu, comment ça marche ? [Améliorez vos performances web 3/6]
• Améliorez vos performances web grâce aux techniques du pattern PRPL [4/6]
• Comment HTTP/2 permet d'améliorer vos performances web [5/6]