Key-Content ins statische HTML — Windsurf

Anderes Tool? Wähle deinen Stack:

Der Prompt für Windsurf

Diesen Text exakt so in deinen Windsurf-Chat kopieren und einfügen.

Using Windsurf Cascade, apply these edits across the project in one pass:

Increase static content density

1. Identify the page sections that currently render as empty divs filled by JavaScript.
2. Move the actual text content into the static HTML — headlines, body copy, lists.
3. Trim wrapper divs that exist only for layout — fewer divs, more semantic tags (article, section, p).

Warum das wichtig ist

Typische Fehler vermeiden

• error_outlineContent in useEffect laden und Loading-Skeleton als First-Paint rendern — das Skeleton ist was im HTML steht, nicht der Content.
• error_outlineLayout-Datei als `"use client"` in Next.js — cascadet auf jede Seite.
• error_outline`next/dynamic` mit `ssr: false` für Content der public sein soll.
• error_outlineContent hinter State-Toggle verstecken (z.B. JS-initialisierter Tab) — versteckter Content im HTML ist OK; nicht gerenderter Content nicht.

Wie du prüfst ob der Fix geklappt hat

• check_circleView-Source (Strg+U) — Haupt-Headline, erster Absatz, CTAs müssen im HTML stehen.
• check_circleJS deaktivieren — reloaden — Haupt-Content muss rendern und lesbar bleiben.
• check_circle`curl -s URL | grep "dein keyword"` — liefert Matches für wichtigen Content.
• check_circleMit https://www.browserless.io/ oder Headless-Fetcher ohne JS testen — Content erscheint.

Häufige Fragen