Supprimez le code CSS inutilisé, différez JavaScript et servez WebP et AVIF

1. Testez une modification à la fois

   L’optimisation des ressources modifie la manière dont le navigateur reçoit les fichiers de votre thème. Modifiez un paramètre, vérifiez le site, puis continuez, afin qu’un éventuel problème ait une cause évidente.

2. Ouvrez l’onglet CSS et JavaScript

   Dans WordPress, ouvrez Zinn Digital®, Cache Pro, puis CSS et JavaScript. Les images se trouvent dans leur propre onglet.

3. Commencez avec les paramètres par défaut sécurisés

   Laissez l’option « Utiliser les paramètres par défaut sécurisés » activée. Elle ne retarde jamais jQuery ni les bannières de consentement aux cookies et n’affecte pas les pages de paiement.

4. Différez le JavaScript, puis supprimez le CSS inutilisé

   Activez le report de JavaScript jusqu’à l’interaction du visiteur, enregistrez et vérifiez vos pages clés en étant déconnecté. Activez ensuite la suppression du CSS inutilisé. Si un élément cesse de fonctionner, ajoutez son script ou sa feuille de style à la liste des fichiers à exclure.

5. Diffuser des images WebP et AVIF

   Dans l’onglet Images, activez WebP ou AVIF, puis convertissez vos images existantes. Les originaux restent en place et un seul clic supprime chaque copie convertie.

6. Pourquoi il n'y a pas d'option pour minifier ou combiner

   La combinaison des fichiers était utile avec HTTP/1.1 mais ralentit les pages sous HTTP/2 et HTTP/3, et la minification ne fait gagner que quelques pourcents une fois les fichiers compressés, tout en étant la cause la plus fréquente d'une mise en page défectueuse. Le véritable gain réside dans la suppression du CSS inutilisé et le report de JavaScript.

Guide suivant: Nettoyer la base de données WordPress