Diese analysiert jede angegebene URL und fügt das CSS zusammen, das für die Anzeige der HTML-Darstellung "oberhalb des Ordners" benötigt wird, d. h. die "kritisches CSS" oder "kritischer CSS-Pfad“.
Ein nettes Werkzeug, das Folgendes kann Arbeit Darauf lässt es sich nicht so einfach verzichten. Und es gibt direkt eine bereits minimierte CSS-Version zurück.
Anschließend müssen Sie diesen Code in den Head-Bereich Ihrer Seite(n) einfügen, entweder manuell oder mithilfe eines speziellen Skripts. Pluginoder ein beliebiges Cache- oder Optimierungs-Plugin.
Dadurch kann der obere Teil der anfänglich sichtbaren Zone schneller gerendert werden, ohne dass die externen CSS-Dateien geladen werden müssen.
- Wird dies Ihre Google-Kennzahlen verbessern? Wahrscheinlich.
- Wird es das Erlebnis Ihrer einmaligen Besucher verbessern? Wahrscheinlich.
- Wird dadurch das Nutzererlebnis für wiederkehrende Besucher verbessert? Nein (da dadurch das Gewicht jeder Seite erhöht wird, auf der dieses CSS hinzugefügt wird, anstatt es nur in eine externe Datei einzufügen, die nur einmal geladen wird).
Tipp Nr. 1: Leeren Sie direkt nach dem
Tipp Nr. 2: Wenn Sie diesen Optimierungsweg einschlagen, um das am besten geeignete CSS zu erhalten, lohnt es sich, diesen Trick einmal für jede deutlich unterschiedliche Seitengruppe Ihrer Website anzuwenden, da jede dieser Gruppen wahrscheinlich ein sehr unterschiedliches CSS verwendet (z. B.: Forum Seiten, normale Beiträge, benutzerdefinierte Beitragstypen …).
Tipp Nr. 3: Da es sich bei diesem CSS um rein statischen Code handelt, sollte er jedes Mal aktualisiert werden, wenn Sie eine größere Änderung am CSS der Seite vornehmen.
