Zinn® Cache : Supprimez le CSS inutilisé, différez JavaScript et diffusez WebP et AVIF

Supprimer le CSS inutilisé, différer JavaScript et distribuer WebP et AVIF

Utilisez l’onglet CSS et JavaScript de Zinn® Cache Pro pour supprimer le CSS inutilisé et différer les scripts, et son onglet Images pour le WebP, l’AVIF et les tailles d’image manquantes — découvrez pourquoi il n’y a pas d’option de minification ou de combinaison, et comment annuler une modification qui altère une page.

1. Testez une modification à la fois — L’optimisation des ressources modifie la façon dont le navigateur reçoit les fichiers de votre thème. Modifiez un paramètre, vérifiez le site, puis continuez, afin d’identifier clairement l’origine de tout problème.
2. Ouvrez l’onglet CSS et JavaScript — Dans WordPress, ouvrez Zinn Digital®, Cache Pro, puis CSS et JavaScript. Les images se trouvent sur leur propre onglet.
3. Commencez avec les réglages par défaut sécurisés — Laissez activé Utiliser les réglages par défaut sécurisés. Cela ne diffère jamais jQuery ni les bannières de consentement aux cookies et ne modifie pas les pages de commande.
4. Différez JavaScript, puis supprimez le CSS inutilisé — Activez Différer JavaScript jusqu’à l’interaction du visiteur, enregistrez et vérifiez vos pages clés en étant déconnecté. Activez ensuite Supprimer le CSS inutilisé. Si un élément cesse de fonctionner, ajoutez son script ou sa feuille de style à la liste des fichiers à laisser intacts.
5. Distribuez des images WebP et AVIF — Dans l’onglet Images, activez WebP ou AVIF, puis convertissez vos images existantes. Les originaux restent à leur emplacement initial et un simple clic supprime chaque copie convertie.
6. Pourquoi il n’y a pas d’option de minification ou de combinaison — Combiner des fichiers était utile sous HTTP/1.1, mais ralentit les pages sous HTTP/2 et HTTP/3 ; quant à la minification, elle ne fait gagner que quelques pourcents une fois les fichiers compressés, tout en représentant la cause la plus fréquente d’affichage brisé. Le gain réel réside dans la suppression du CSS inutilisé et le report de JavaScript.

Avec captures d’écran : https://zinncache.com/kb/minify-css-and-javascript-in-wordpress