Theme-lastige Websites
Reduzieren Sie die Auswirkung von render-blockierendem CSS bei komplexen WordPress-Themes.
← Zurück zu Features
Feature
Critical CSS
Generieren Sie Above-the-Fold-CSS in der Cloud und laden Sie es von Managed CDN.
Critical CSS extrahiert die Styles, die für das Above-the-Fold-Rendering nötig sind, damit der Browser sichtbaren Inhalt schneller darstellen kann. Cache Rocket generiert es in der Cloud mit einem echten Headless-Browser-Coverage-Durchlauf, hostet das Ergebnis auf Managed CDN, und das WordPress-Plugin bindet es dort ein, wo Besucher es brauchen.
Highlights
- Echte Browser-CSS-Coverage – kein Raten
- Automatisch über Managed CDN ausgeliefert
- Generierung pro Seite mit monatlichen Plankontingenten
- Für WordPress-Media-Workflows entwickelt
Schnellerer First Paint ohne handgeschriebenes CSS
Von Hand gepflegtes Critical CSS bricht, sobald sich Themes und Page-Builder ändern. Cache Rocket generiert die Coverage neu aus einem Live-Seitenaufruf, begrenzt und lädt dann ein kompaktes critical.css für die Auslieferung von assets.cacherocket.com hoch.
Critical CSS ist auf Pro- und Business-Plänen verfügbar, mit monatlichen Seitenkontingenten, die mit Ihrer Stufe skalieren.
Teil der Cloud-Optimierungs-Suite
Kombinieren Sie Critical CSS mit Bildoptimierung, LQIP und PageSpeed Insights, um Core Web Vitals zu messen und zu verbessern – während Cache-Warmer HTML-Antworten am Edge heiß halten.
So funktioniert's
- 1
Ab Pro freischalten
Bestätigen Sie, dass Critical CSS in Ihrem Cache Rocket-Plan enthalten ist.
- 2
Critical CSS generieren aktivieren
Schalten Sie es in den Media-Einstellungen des WordPress-Plugins ein.
- 3
Generieren und einbinden
Cache Rocket erzeugt critical.css, hostet es auf Managed CDN, und das Plugin bindet es für Besucher ein.
Wo es glänzt
Landingpages
Verbessern Sie den First Paint bei Kampagnen-URLs, die schnell konvertieren müssen.
Core-Web-Vitals-Arbeit
Kombinieren Sie es mit PageSpeed-Insights-Audits, um Verbesserungen zu bestätigen.
Häufig gestellte Fragen
- Ist Unused CSS enthalten?
- Unused CSS erscheint als Plan-Berechtigung auf höheren Stufen; eine vollständig produktisierte Unused-CSS-Verarbeitung ist nicht dasselbe wie die Critical-CSS-Generierung. Nutzen Sie Critical CSS schon heute für die Above-the-Fold-Auslieferung.
- Wo wird Critical CSS gespeichert?
- Generierte Dateien werden über Managed CDN (assets.cacherocket.com) ausgeliefert und vom WordPress-Plugin eingebunden.
- Was passiert, wenn ich mein Critical-CSS-Seitenkontingent erreiche?
- Neue Generierungsjobs pausieren, bis das monatliche Kontingent zurückgesetzt wird oder Sie upgraden.
Verwandte Features
Alle FeaturesBereit, das in Ihrem Account auszuprobieren?
Erstellen Sie einen kostenlosen Cache Rocket-Account, verifizieren Sie eine Hostname und aktivieren Sie diese Funktion für Ihre Site oder API.