Inline CSS
Prüft Inline-<style>-Blöcke und style-Attribute — beeinflusst CSP und Caching.
Was dieser Check misst
Wir zählen Inline-`<style>` und style="..."-Attribute. Zu viel Inline verhindert Style-Caching und erschwert Strict-CSP.
Warum es wichtig ist
Inline-CSS ist OK für Critical-Path-Styles (above-the-fold). Zu viel = Styles werden pro Seite neu geladen statt einmal gecacht. Blockt auch Strict-CSP ohne unsafe-inline.
Wie unser Audit es erkennt
Inline-<style> und style=-Attribute zählen. Seiten mit mehr als ~3 Inline-Styles oder >50 Style-Attributen flaggen.
Typische Findings
- error_outlineTailwind JIT macht Inline-Style für jede Utility-Klasse (Edge-Cases).
- error_outlineLegacy CSS-in-JS-Runtime shipped Styles inline.
So behebst du es
Non-critical Styles in externe .css-Files. Critical-Path-CSS (above-the-fold) inline für schnelles First-Paint. CSS-Modules oder Tailwind-Extract-Mode.
Häufige Fragen
Ist Critical-CSS inline schlecht?expand_more
Soll das auf deiner Site geprüft werden?
Pantra läuft den vollen Audit (SEO, Sicherheit, GEO, Performance, Schema, Technik, Bilder) in 10 Sekunden und generiert stack-spezifische Fix-Prompts.
Site scannenÄhnliche Checks
SSR / Pre-Rendering
Prüft ob die Seite server-gerendert oder statisch pre-rendered ist.
TechnikHTTP-Statuscodes
Prüft korrekte Statuscodes — 200 für live, 404 für nicht vorhanden, 301 für verschoben.
TechnikKeine Client-Side-Redirects
Prüft dass Redirects server-seitig passieren, nicht per JavaScript.
TechnikViewport-Meta-Tag
Prüft auf <meta name="viewport" content="width=device-width, initial-scale=1">.