Website-Performance-Checkliste für moderne Business-Sites

Performance ist eine Produktentscheidung. Langsame Sites verlieren Vertrauen, bevor Ihre Headline fertig gerendert ist.

Prioritätsreihenfolge

1. Server / TTFB — Hosting, Caching, Edge
2. LCP-Element — üblicherweise Hero-Image, Video-Poster oder großer Heading-Stack
3. JavaScript-Gewicht — nicht-kritische Scripts deferren
4. Fonts — subsetten, font-display, Familien begrenzen
5. Images — moderne Formate, korrekte Größen, Lazy-Load unterhalb des Folds
6. Third Parties — Analytics, Chat, Embeds

Checkliste

Delivery

• CDN / Edge-Caching für statische Assets
• HTML cachebar, soweit Personalisierung es zulässt
• Kompression (Brotli/Gzip) aktiviert
• HTTP/2 oder HTTP/3

Assets

• Hero-Image auf Display-Dimensionen dimensioniert (kein 4000px-Source)
• AVIF/WebP mit sinnvollen Fallbacks
• width/height oder Aspect-Ratio gegen CLS
• Nur nicht-kritische Media lazy-loaden

JavaScript & CSS

• Critical-CSS-Pfad schlank halten
• Analytics nach Consent / Idle deferren, wo möglich
• Blocking Third-Party-Tag-Manager beim First Paint vermeiden
• Schwere Routes code-splitten

Fonts

• Self-Hosten, wo möglich
• Nur die primäre Text-Face preloaden
• font-display: swap oder optional
• Maximal 2–3 Familien

Messung

Nutzen Sie Lab-Tools (Lighthouse, WebPageTest) und Field Data (CrUX / RUM). Lab-only-Gewinne, die auf echtem Mobile verschwinden, sind keine Gewinne.

<link rel="preload" href="/fonts/syne.woff2" as="font" type="font/woff2" crossorigin />

FAQ