Vitesse Site Web | Website Speed Test

Description Website Speed Test – Cloudinary ? 

Cloudinary et WebPageTest se sont unis pour créer un outil d’analyse d’image et de test de vitesse de site web, capable d’analyser le contenu, le format et la taille de chaque image présente sur une URL. 

L’outil génère un rapport d’analyse complet contenant de précieuses informations et recommandations qui peuvent être exploitées pour améliorer les performances de votre site.

Vous disposez également des versions plus optimisées de vos images que vous pouvez télécharger et remplacez vos anciennes images. 

Qu’est-ce que Website Speed Test – Cloudinary

La compression reste l’une des tâches essentielles pour optimiser les images d’une page ou d’un site web, mais elle est loin d’être la seule. 

Cloudinary, la société de gestion des images et de vidéos basées sur le cloud permet désormais aux utilisateurs de Website Speed Test d’analyser leurs contenus images et d’accéder à des informations qui peuvent être mesurées et exploitées pour une meilleure optimisation des performances d’un site web.

Concrètement, l’outil fournit des recommandations sur la meilleure manière d’ajuster la taille, le format, la qualité et les paramètres d’encodage des images pour améliorer la vitesse de chargement du site. Ce qui vous permettra d’offrir une meilleure expérience utilisateur aux visiteurs. 

Website Speed Test – Cloudinary : Comment utiliser l’outil ? 

• Pour découvrir les fonctionnalités de l’outil, accédez à la page d’accueil de Website Speed Test – Cloudinary. 
• Entrez l’URL de la page ou du site web dont vous voulez analyser les images puis lancer la requête.

L’outil va donc explorer et analyser toutes les images présentes sur l’URL en tenant compte de quelques critères notamment le navigateur utilisé, la position géographique, la taille de la fenêtre et le DPI de l’écran.    

Au bout d’une minute ou deux, Website Speed Test – Cloudinary affichera un rapport d’analyse plutôt bien détaillé qui vous permettra de :

1. Évaluer les performances globales 

Dans le rapport d’analyse généré par Website Speed Test – Cloudinary, vous trouverez une première section qui présente globalement les performances de l’URL à travers 2 informations importantes : 

Un Score d’image d’image sous forme de note alphabétique : L’outil analyse toutes les bonnes et mauvaises pratiques d’optimisation qui ont été utilisées sur l’URL et les traduit par une note. Autrement dit, cette note alphabétique permet d’évaluer la stratégie d’optimisation d’image utilisée sur l’URL. 

Une comparaison de poids : L’outil affiche aussi une économie potentielle de kilo octets qui aurait pu être obtenue après une compression optimale de l’image. Avec les deux jauges présentées en couleur différente, il est facile de faire la comparaison et de réaliser facilement le nombre de kilo octets qui peut être encore compressé pour booster encore plus la vitesse de chargement de la page. 

2. Découvrir les problèmes spécifiques à chaque image 

À présent que vous avez une appréciation globale des performances de la page, Website Speed Test – Cloudinary propose une seconde section consacrée cette fois à présenter les problèmes spécifiques rencontrés sur chaque image.  

En effet, en déroulant la page de rapport un peu vers le bas, vous découvrirez chaque image suivie d’un mini rapport. 

En interprétant ce rapport spécifique, vous pouvez retrouver des informations sur la manière dont chaque image a été optimisée à savoir : 

• Le format utilisé 
• Le poids de l’image 
• Le temps nécessaire pour que le plus grand morceau de l’image s’affiche complètement

Vous y découvrirez également des recommandations pour optimiser vos images à savoir : 

• Le meilleur format à utiliser 
• Une économie potentielle de kilo octets qui aurait pu être obtenue après une compression optimale de l’image.

 Dans cette section spécifique, Website Speed Test – Cloudinary affiche à nouveau 2 informations importantes à savoir : 

• Une note alphabétique 
• Et un pourcentage d’économies potentielles. 

Toutefois, pour réellement comprendre ces métriques, il sera nécessaire de cliquer sur le bouton « Voir Plus » pour obtenir un rapport plus détaillé divisé en 3 principaux panneaux. 

Panneau “Current” : Ce premier panneau fournit des détails sur l’image telle qu’elle est affichée sur l’URL. 

Comme on peut le voir sur l’encadré rouge ci-dessus, ce panneau permet de découvrir plus d’informations sur ce qui aurait pu être fait sur : 

• Le format de l’image 
• Les dimensions de l’image 
• La compression de l’image 
• L’espace colorimétrique 
• La profondeur de couleur 
• Les métadonnées

Vous y découvrirez aussi une liste des navigateurs pris en charge. 

Le panneau « Optimized Image » : Dans ce second panneau, Website Speed Test – Cloudinary propose une version plus optimisée de l’image avec la possibilité de la télécharger et l’utiliser sur votre page web.   

Pour vous aider à mieux comparer les deux versions, l’outil fournit une description détaillée sur les paramètres utilisés pour proposer cette version plus optimisée. Les navigateurs compatibles avec le format d’image sont également présentés. 

Panneau “Autres formats alternatifs” : Comme l’indique déjà le nom, ce dernier panneau propose d’autres versions optimisées alternatives à celle présentée sur le second panneau ainsi que les navigateurs pris en charge. L’outil offre une possibilité de téléchargement.

Une description est également fournie pour comprendre les paramètres utilisés pour la création de ces versions alternatives de l’image.   

Comment traiter les problèmes diagnostiqués ? 

Comme a pu le voir, Website Speed Test – Cloudinary fournit assez de précieux détails sur les images d’une page et propose des recommandations pour les optimiser et améliorer les performances globales du site. 

Mais concrètement, comment traiter les problèmes diagnostiques ? 

Pour les petits sites web

Si vous avez un petit site avec un nombre contrôlable d’images, vous devez pouvoir appliquer ces recommandations et offrir une meilleure expérience utilisateur à vos visiteurs.

Pour cela :

• Accédez à la page d’accueil de Website Speed Test Image Analysis Tool
• Renseignez l’URL de la page que vous souhaitez optimiser 
• Parcourez le rapport d’analyse généré
• Choisissez parmi les versions optimisées d’image que propose l’outil puis téléchargez celles qui vous conviennent
• Importez ces images sur votre site web et remplacez les par les anciennes images

Pour les grands sites web

Pour ce qui est des grands sites web avec d’importantes quantités d’images, la méthode à utiliser pour traiter les problèmes diagnostiqués par Website Speed Test – Cloudinary dépendra de votre flux de travail. 

Il sera peut-être nécessaire par exemple d’opter pour une solution semi-automatisée pour résoudre les problèmes de compression diagnostiqués par l’outil afin d’aller plus vite. 

En gros, en fonction de la taille de votre site et des problèmes diagnostiqués, vous pouvez trouver des méthodes efficaces et rapides pour les régler. 

Website Speed Test : Avantages et Inconvénients 

Avantages

• L’un des outils de test de performance de site Web les plus anciens et gratuits
• Outil utile pour identifier les actifs à chargement lent

Inconvénients 

• Peut être difficile à prendre à main par certains utilisateurs

Website Speed Test – Cloudinary : Tarification 

Outil gratuit