Technik·Claude Code
TechnikClaude Code

Gzip- oder Brotli-Kompression aktivieren — Claude Code

Unkomprimierte Responses verschwenden Bandbreite und bremsen Core Web Vitals. Brotli ist moderner Standard — auf Vercel, Netlify oder CDN aktivieren.

rocket_launch

In Claude Code fixen

Anthropics offizieller Terminal-Coding-Agent

Claude Code kann zuerst den ganzen Codebase greppen, die Änderung planen, dann jede betroffene Datei editieren. Prompt unten in deinen Claude Code-Chat einfügen und der Fix rollt in einem Rutsch über das ganze Projekt aus.

Anderes Tool? Wähle deinen Stack:

LovableCursorBoltv0ReplitWindsurfClaude CodeBase44

Der Prompt für Claude Code

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

Run Claude Code in the project root and make these exact changes, scanning the whole codebase first:

Enable compression

1. Enable gzip or Brotli compression on your web server / hosting.
2. For Vercel/Netlify this is automatic. For custom servers, configure nginx/Apache gzip.

Warum das wichtig ist

HTML, CSS, JavaScript komprimieren extrem gut — typisch 70-80% kleiner. Das spart hunderte Millisekunden TTFB und LCP, besonders auf Mobile.

Jeder grosse Host unterstützt das out-of-the-box (Vercel, Netlify, Cloudflare, Replit). Self-hosted? In nginx/Caddy/Apache-Config aktivieren. Brotli bevorzugt; gzip als Universal-Fallback.

So nutzt du diesen Prompt in Claude Code

  1. 1. Dein Claude Code-Projekt öffnen.
  2. 2. Prompt oben mit Copy-Button kopieren.
  3. 3. In Claude Code-Chat einfügen und senden.
  4. 4. Diff reviewen, Änderungen akzeptieren, neu deployen.
  5. 5. Fix mit der Checkliste unten verifizieren.

Typische Fehler vermeiden

  • error_outlineBereits komprimierte Assets (JPEG, PNG, WebP) nochmal komprimieren — CPU-Verschwendung.
  • error_outlineKompression aktivieren, aber nicht für die richtigen Content-Types — Bilder/PDFs sollten nicht rekomprimiert werden.
  • error_outlineAnnehmen dass der Host es automatisch macht ohne zu verifizieren.

Wie du prüfst ob der Fix geklappt hat

  • check_circle`curl -I -H "Accept-Encoding: br" URL` — `Content-Encoding: br` in Response.
  • check_circleChrome DevTools → Netzwerk → Response-Header zeigen `content-encoding`.
  • check_circlehttps://tools.keycdn.com/brotli-test — grüner Check.

Häufige Fragen

Gzip oder Brotli?expand_more
Brotli ~15-20% besser als gzip bei Text. Alle modernen Browser unterstützen. Brotli shippen, gzip als Fallback.
Schadet es der CPU?expand_more
Vernachlässigbar, und Hosts pre-komprimieren Static-Assets beim Build. Kosten fast null.

Alle 34 Prompts passend zu deiner Claude Code-Site?

Pantra scannt deine Site in 10 Sekunden, erkennt den Stack und generiert genau die Prompts die passen — nur die du brauchst.

Site scannen

Ähnliche Claude Code-Prompts

Performance

Core Web Vitals fixen (LCP, CLS, INP) — Claude Code

Prompt um Googles Core-Web-Vitals-Schwellen zu treffen: LCP < 2.5s, CLS < 0.1, INP < 200ms. Funktioniert in jedem AI-Stack.

Performance

Largest Contentful Paint (LCP) verbessern — Claude Code

Prompt um LCP unter 2.5s zu kriegen — Hero-Bild preloaden, Render-Blocking reduzieren, CDN nutzen.

Technik

Viewport-Meta-Tag setzen — Claude Code

Prompt um den mobile-friendly Viewport-Meta-Tag zu setzen — Pflicht für Googles Mobile-First-Indexing.

Technik

lang-Attribut auf <html> setzen — Claude Code

Prompt um lang="en" oder lang="de" auf <html> zu setzen — für Accessibility und SEO.

Mehr im Glossar erfahrenarrow_forward