Zinn® Cache: Nicht verwendetes CSS entfernen, JavaScript verzögern sowie WebP und AVIF bereitstellen

Nicht verwendetes CSS entfernen, JavaScript verzögern und WebP sowie AVIF ausliefern

Verwenden Sie den Reiter CSS und JavaScript von Zinn® Cache Pro, um ungenutztes CSS zu entfernen und Skripte zu verzögern, sowie den Reiter Bilder für WebP, AVIF und fehlende Bildgrößen — warum es keine Option zum Minifizieren oder Zusammenfassen gibt und wie Sie eine Änderung rückgängig machen, die eine Seite fehlerhaft darstellt.

1. Testen Sie jeweils nur eine Änderung — Die Optimierung von Assets verändert die Art und Weise, wie der Browser die Dateien Ihres Themes empfängt. Ändern Sie eine Einstellung, überprüfen Sie die Website und fahren Sie erst dann fort, damit ein Problem eine eindeutige Ursache hat.
2. Öffnen Sie den Reiter CSS und JavaScript — Öffnen Sie in WordPress Zinn Digital®, Cache Pro, dann CSS und JavaScript. Bilder befinden sich auf einem eigenen Reiter.
3. Beginnen Sie mit den sicheren Standardeinstellungen — Lassen Sie Sichere Standardeinstellungen verwenden aktiviert. Dadurch werden jQuery oder Cookie-Einwilligungsbanner niemals verzögert und Checkout-Seiten bleiben unberührt.
4. Verzögern Sie JavaScript, entfernen Sie dann nicht verwendetes CSS — Aktivieren Sie JavaScript bis zur Benutzerinteraktion verzögern, speichern Sie und überprüfen Sie Ihre wichtigsten Seiten im abgemeldeten Zustand. Aktivieren Sie anschließend Nicht verwendetes CSS entfernen. Sollte etwas nicht mehr funktionieren, fügen Sie das entsprechende Skript oder Stylesheet zur Liste der ausgenommenen Dateien hinzu.
5. WebP- und AVIF-Bilder ausliefern — Aktivieren Sie auf dem Reiter Bilder WebP oder AVIF und konvertieren Sie anschließend Ihre vorhandenen Bilder. Die Originale bleiben erhalten, und mit einem Klick werden alle konvertierten Kopien entfernt.
6. Warum es keine Option zum Minifizieren oder Zusammenfassen gibt — Das Zusammenfassen von Dateien war unter HTTP/1.1 hilfreich, verlangsamt jedoch Seiten unter HTTP/2 und HTTP/3. Zudem spart das Minifizieren nach der Komprimierung von Dateien nur wenige Prozent ein, ist jedoch die häufigste Ursache für ein fehlerhaftes Layout. Der eigentliche Gewinn liegt im Entfernen von ungenutztem CSS und dem Verzögern von JavaScript.

Mit Screenshots: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress