What are the good practices ?

Images

• Mise en place du lazyload (lazysize)
  
• Format webp, jp2, jpg
• Redimensionner les images en fonction de la taille d'écran

 

CSS

• Purger le CSS (retire le code css non utilisé dans le projet)
• Minifier le CSS
• Eviter les import dans le CSS

 

JS

• Diviser le code JS et appelé les morceaux seulement quand utilisé (Chunk)
• Minifier le JS
• Utiliser au maximum le chargement asynchrone des scripts quand c'est possible

 

DOM

• Réduire au maximum le nombre de noeud (Balises)
• Eviter les script "render blocking" (JS dans le head par exemple)

 

Global

• Réduire au maximum le nombre de redirection