Notion 29
Optimiser la performance côté client.
Compétences ciblées
L'optimisation des performances des sites Web se compose de deux variables essentielles, à savoir les performances côté serveur et les performances côté client. Dans ce grain, nous nous concentrerons uniquement sur les problèmes rencontrés côté client et sur la manière de les améliorer.
La performance web côté client correspond à l'information que le client voit dans le navigateur web.
Comment les optimiser
La performance web côté client fait principalement référence à la taille et au nombre de fichiers. En d'autres termes, le temps qu'il faut pour qu'un certain nombre de fichiers soient téléchargés et visualisés par le client.
Notez que l'objectif principal de l'optimisation des performances côté client est d'optimiser le temps de téléchargement par rapport au nombre de fichiers téléchargés. Il est donc important de prendre en compte un certain nombre d'éléments afin de les optimiser au mieux. En voici quelques-uns :
Mettre en place un CDN (Content Delivery Network).
Ce dispositif permet la redistribution locale du contenu du serveur et cache le contenu qui ne nécessite pas de mise à jour permanente.
Outil recommandé : https://www.cloudflare.com
Vous pouvez en savoir plus sur le CDN dans la leçon 14, Notion 89.
Groupement de fichiers - ""Budle and minification"".
Il est fortement recommandé de grouper les fichiers afin de réduire leur nombre lors du téléchargement. Notez qu'il est également important de réduire la taille des fichiers en utilisant des techniques de minification afin d'optimiser le contenu.
L'un des outils recommandés est un plugin Wordpress https://fastvelocity.com.
Utilisez des images WebP (Web Picture) plutôt que JPEG (Joint Photographic Experts Group), PNG (Portable Network Graphics), etc..
Le format de compression WebP permet de réduire la taille d'une image. De plus, il est plus léger et le temps de téléchargement est réduit.
Pour conclure, plus vous apporterez de modifications à votre site, plus vous rencontrerez de problèmes, tant du côté serveur que du côté client. Les mises à jour doivent donc être effectuées régulièrement.