Page-Speed-Optimierung beginnt fast immer bei den Bildern – zu Recht. Aber wer dort fertig ist, lässt oft noch deutliches Potenzial liegen. Fünf technische Hebel, die für Mittelstands-Websites typisch unterausgenutzt sind.
1. Webfont-Strategie überarbeiten
Drei verschiedene Webfonts mit jeweils vier Schnitten ergeben zwölf Dateien – und blockieren das initiale Rendering. Lösung: Auf maximal zwei Schriften reduzieren, font-display: swap setzen, Fallback-Fonts vorab passend skalieren.
2. Tracking-Skripte konsolidieren
Google Analytics, Tag Manager, Facebook Pixel, Hotjar, Cookie-Banner-Skript: jedes davon kostet Performance. Welche tatsächlich genutzt werden? Welche lassen sich serverside einbauen? Oft halbiert sich der JavaScript-Footprint allein durch das Aufräumen alter Tracker.
3. Render-blocking CSS reduzieren
Riesige globale Stylesheets blockieren das First Paint. Critical-CSS-Inlining oder ein moderner Build-Prozess mit echtem Code-Splitting bringen messbare Verbesserung. Tailwind in Verbindung mit Tree-Shaking erzeugt typischerweise CSS unter 30 KB.
4. JavaScript-Bundling überprüfen
Viele Mittelstands-Websites laden 500 KB JavaScript für Funktionen, die 50 KB benötigen würden. Bundle-Analyse macht sichtbar, welche Bibliotheken den größten Anteil haben – und welche entfernt oder ersetzt werden können.
5. Caching und Preloading nutzen
- HTTP-Cache-Header für statische Assets auf 1 Jahr setzen.
- rel='preload' für kritische Ressourcen wie Schriften und Hero-Bild.
- rel='preconnect' für Drittanbieter-Domains, die früh geladen werden.
