Réaliser l'audit d'un site web

Inspecter la page web

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Analysez les recommandations des outils locaux et distants en termes d'optimisation des performances.
04:03

Transcription

Nous allons maintenant revenir, mais plus en détail que le premier chapitre, sur le temps de chargement des pages du site. Pour cela, nous allons utiliser des outils en local et des outils distants et cette fois-ci, nous allons nous concentrer sur les recommandations en termes d'optimisation qui vont être fournis par ces outils. Ces recommandations vont nous permettre de mesurer la performance de notre serveur et de notre site. Allons-y. Je bascule vers le site internet, vers le navigateur,. et je vais ouvrir une fenêtre de navigation privée pour être sûr de ne pas utiliser les caches de mon navigateur. Auparavant dans la formation, nous avions utilisé cette façon de procéder : Plus d'outils, et Effacer les données de navigation. L'autre possibilité est d'ouvrir une nouvelle fenêtre de navigation privée, donc Control-Shift-N. Je charge la page de mon site. Clic droit Inspecter. Et je vais cliquer maintenant sur Audit. Je sélectionne toutes les options et je sélectionne « Reload Page and Audit on Load ». Voilà le résultat de mon audit. Il est important de se rappeler que je viens de vider les caches de mon navigateur, et que mon audit a été fait au rechargement de la page et que donc mon audit n'a pas pu se baser sur des mises en cache de données dans le cache navigateur. Il va peut-être donc être un peu plus critique que ce qu'il serait si j'avais utilisé une page déjà chargée. Alors, en premier, « Enable gzip compression » Donc, la compression gzip est une astuce qui permet de diminuer le flux de données d'échange entre le serveur et le navigateur en compressant les données. Alors ici, l'audit me recommande de compresser certaines données qui pourraient me faire réduire le poids. Donc, par exemple, le fichier piwik.js Ensuite, « Leverage browser caching ». Donc là, il me rappelle qu'il faudrait que je puisse profiter de la mise en cache côté navigateur pour optimiser justement le temps de chargement. Et il y a 30 médias qui devraient être mis en cache dans le navigateur. Certains médias, aussi, sont explicitement indiqués comme non mis en cache. Et donc là, il me recommande de regarder si je peux aussi les mettre en cache. Ensuite, réduire la taille du cookie. Mais c'est une alerte seulement de type orange, donc faible. Et il est recommandé aussi de servir les contenus ci-dessous depuis un domaine qui ne possède pas de cookie. Pour en accélérer le chargement. Donc là, on est vraiment sur des remarques minimes, à part la partie mise en cache des médias, mais je vais relancer l'inspection sur une page qui aura déjà été chargée auparavant pour voir comment se comporte le site dans ce cas. Ensuite, au niveau performance de la page, il est recommandé d'optimiser l'ordre de certains styles et scripts et de supprimer des règles CSS non utilisées. Donc là, ce qui se passe probablement c'est que j'ai une seule feuille de style pour tout le site, et qu'elle contient donc énormément de règles qui ne sont pas utilisées sur la page d'accueil, par exemple puisqu'elles sont uniquement dédiées à d'autres pages. C'est un fonctionnement qui peut se comprendre, puisque cela évite de charger une autre feuille de style CSS en chargeant une autre page, donc une fois que la page d'accueil est chargée, les autres pages vont aller encore plus vite à charger. Maintenant, je vais recharger mon audit mais sans reloader la page. Pour ça, je recharge ma page. Je vais réinspecter mon code. Je clique sur Audit, et je laisse « Audit Present State ». Voilà, donc là on voit que toute la partie mise en cache a été supprimée, puisque mes médias sont bien dans mon cache navigateur. Et je garde les autres optimisations, qui n'étaient pas liées à la mise en cache. Donc, en réalité, j'ai très très peu de retours. Donc là je peux considérer que mon site est bien développé en termes de performance. Il y a quasiment aucune remarque. Ou alors c'est vraiment minime, et celles qui paraissent importantes sont en réalité plus un choix qu'un problème.

Réaliser l'audit d'un site web

Évaluez la qualité du travail de développement et d'intégration de votre site Internet. Détectez les éventuels problèmes de performance, de compatibilité, etc.

1h47 (24 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !