Comme son nom l'indique Test Page Web est un outil pour mesurer et analyser la performance d'une page web.
Ses nombreuses options peuvent paraitre déconcertantes mais un test rapide vous fournira de nombreuses indications sur les performance de la page analysée ainsi que les solutions préconisées pour optimiser cette page.
Pour lancer un test il vous suffit d'entrer l'url du site à tester et de cliquer sur "Start Test" . Le test prend environ une minute , mais en cas de demande importante sur le serveur, vous pouvez être mis en file d'attente.
Une fois terminée le test la page de résultat s'affiche automatiquement.
Les résultats comprennent plusieurs volets et recoupent différentes analyses qui se chevauchent parfois.
L'important est que la page réponde au mieux aux différents tests. En gros nous avons trois façons différentes d' effectuer ces tests selon des techniques mises au point par différents sytèmes d'analyse. En premier un système de de notation repris de AOL et Yahoo , en second une vue en cascade et en dernier un système de comparaison mis au point par Google (Pagespeed ). Si vous obtenez une bonne note dans l'un de ces système , la note ou les observations seront également bonnes dans les autres.
Les notes d' Optimisation
Ce sont les notes apparaissant en haut à droite de la fenêtre de résultat notées de A à F et de couleurs allant du vert au rouge.
Si la note est différente de A ou B ( vert ), nous vous invitons à prendre connaissance du problème et à y remédier.
Keep Alive Disponible
Toute requète pour une partie du contenu d'une page ( image, javascript, css, flash ou autre ) doit être faite grace à une connexion au serveur web. Ouvrir une nouvelle connexion à chaque requète peut prendre du temps et consomme des ressources sur le réseau. Il est donc préférable d'utiliser la même connexion pour les différents éléments. Cette possibilité existe sur la plupart des serveurs web moderne et s'appèle "keep Alive". Dans la plupart des cas , il s'agit d'un simple paramétrage à faire sur le serveur web. Dans le cas d'un hébergement mutualisé, il vous suffit de le demander à votre hébergeur s'il ne l'avait pas déjà fait. Le fait d'avoir "keep-alive" activé peut réduire le temps de chargement de 40 à 50 %.
Compression Texte
Tout ce qui n'est pas une image ou une vidéo sur une page est considéré comme du texte sous différntes formes ( html, javascript, css). Le texte se compresse de façon vraiment efficace et le protocole HTTP permet facilement de transférer les fichiers sous forme compressée. Là encore la compression se fait au niveau du serveur web et n'entraine aucune modification sur le contenu de la page web elle même. La compression des éléments texte d'une page permet d'accéler la vitesse de chargement et diminue le traffic sur le réseau. La compression des éléments texte de la page a un effet immédiat sur l'impression qu'ont les visiteurs de votre site car elle permet un début d'affichage rapide des éléments textuels de votre site.
Compression des Images
Le test de compression des images ne prend en compte que les images JPEG et vérifie que la qualité de ces images n'est pas trop élevée. Les images JPEG peuvent être compressées de façon importante sans diminution de la qualité visuelle. On considère généralement qu'une compression à un niveau de qualité de 50 dans Photoshop est une qualité "standard" pour le web, mais nous vous invitons à essayer d'augmenter encore la compression tant que vous ne percevez pas de diminution de la qualité de votre image. Veillez également à ne pas garder dans votre image les informations concernant la caméra, la date, la lentille, focale ou localisation lorsqu'elles proviennent d'appareils photo numériques, si elles ne sont pas importantes par rapport à votre sujet.
Cache du Contenu Statique
Le contenu statique est tout ce qui est statique dans votre page web, ce qui ne change pas en permanence ( images, javascript, css ). Vous pouvez configurer ce contenu pour qu'il puisse être mis en cache sur les navigateurs de vos visiteurs. Ainsi si votre visiteur revient sur la page, ou s'il visite une autre page de votre site ayant les même éléments, les données proviendront directement du cache du navigateur au lieu d'être rechargées à partir du serveur web. Une bonne utilisation du cache des navigateurs web a une incidence trés importante sur la vitesse d'affichage de vos pages , l'augmentation de la performance pouvant aller jusqu'à 80 %. La plupart des sites web étant basé sur des "templates", il convient de s'assurer que les élements de ces templates soient mis en cache, les pages suivantes visitée par les utilisateurs de votre site s'affichant alors trés rapidement renforçant l'image d'un site performant auprès de vos visiteurs.
Utilisation de CDN
Chaque requète pour obtenir une partie du contenu d'une page doit parvenir au navigateur de l'utilisateur ayant demandé la page depuis le serveur web , à travers le réseau jusqu'à ce navigateur et les informations échangés vont dans les deux sens pour être certain que cette opération s'ait déroulée correctement. Plus le serveur web est éloigné de son demandeur, plus le temps de parcours des informations à travers le réseau est long. Si votre désir est d'avoir une présence internationale, vous aurez intérêt à avoir des serveurs de proximité étant capoacble de diffuser votre contenu au plus près des utilisateurs. On parle dans ce cas de serveurs CDN. Ces serveurs sont dispersés sur l'ensemble du globe et en fonction de l'origine de la requète, c'est le serveur le plus proche qui répond. Si votre cible de visiteurs est géolocalisée, le marché français par exemple, vous n'aurez aucun intérêt à utiliser ces services ou à les mettre en place.
Données Globales
Le tableau en haut de la page de résultat vous donne des informations globales sur la page testée. N'hésitez pas à les comparer avec d'autres sites pour vous faire une idée précise du positionnement de votre site par rapport à d'autres ( en particulier de sites conccurents ).
Première Vue
Cette colonne vous donne le résultat du test sur un navigateur n'ayant ni cache ni cookies enregistrés , il représente ce que voit un utilisateur visitant votre site pour la première fois.
Vue suivante
Cette colonne donne les résultats observés sur un navigateur web ayant déjà visité la page une fois, le cache du navigateur n'ayant pas été vidé. Il représente ce que voit un visiteur étant déjà venu sur cette page ou sur votre site si vous utilisez des templates ( sans compter les images propres à chaque page). Cette deuxième vue étant effectué par notre outil de test immédiatement après le premier ne tiend évidement pas compte de changement qui pourraient se faire sur votre page entre deux visites.
Document Complet
Les données regroupées sous "Document Complet" sont les données enregistrées par le navigateur jusqu'à ce qu'il considère la page comme chargée complétement (l'évenement onLoad pour ceux qui sont familiers avec le javascript des navigateurs). Cet événement se produit généralement lorsque toutes les images nécessaires à l'affichage de la page ont été chargées. Ceci ne tiend pas compte de requètes pouvant être lancées par un code javascript inclus dans la page.
Entièrement Chargé
Les données figurant dans les colonnes entirement chargées correspondent à la mesure de tous les éléments chargés par une page web. Ils incluent également les éléments demandés lors de l'exécution d'un javascript de la page sur le navigateur web.