Nous vous recommandons d’utiliser ce merveilleux outil qu’est webpagetest pour vérifier les performances de votre site web dans différentes localisations et avec plusieurs navigateurs.

Étape 1 – Paramétrage des deux runs webpagetest

Allez sur www.webpagetest.org :webpagetest -home

Choisissez la localisation du test (Paris par exemple) et le navigateur (Chrome par exemple).

Cliquez sur « Advanced Settings » et remplissez les paramètres comme ci-dessous :

webpagetest - advanced

Nous préconisons systématiquement le nombre maximum de tests (9) pour éviter les erreurs de mesures.

Comparaison avant branchement

Nous allons faire deux tests : un sur la version originale et un sur la version optimisée

#1 : Label : « Site original »

Entrez l’URL dans le champ :

webpagetest - champ

Cliquez sur le bouton « Start Test ».

#2 : Label : « Site optimisé »

Dans la partie « Script » :

webpagetest - optimisé

Comparaison après branchement

#1 – Label « Original »

Dans la partie Script :

Capture d’écran 2016-07-08 à 11.13.16

#2 – Label « Optimisé

Dans la partie Script : webpagetest - après branchement

Étape 2 : Comparaison des résultats

Dans la partie « Test History », sélectionner les deux tests effectués précédemment : webpagetest - comparaison

et appuyer sur « Compare » :

Comparaison visuelle

Il est alors possible de voir l’amélioration visuellement ainsi que sur les waterfalls.