Im Browser entscheidet sich, wie schnell eine Seite wirklich wirkt. Diese Kategorie sammelt Beiträge zur Frontend-Seite der Optimierung: Bildformate und responsive Bildgrößen, Schriftarten und deren Ladeverhalten, CSS-Auslieferung und kritische Stile, JavaScript-Bündel und deren Aufteilung, verzögertes Nachladen, Drittanbieter-Skripte und ihre Nebenwirkungen. Wir erklären, wie Layoutsprünge entstehen und wie man sie mit reservierten Flächen vermeidet, warum Interaktivität unter langen Aufgaben leidet und welche Techniken die Hauptarbeit im Browser reduzieren. Jeder Beitrag beschreibt Messung vor und nach der Änderung, damit sich der Effekt einer Maßnahme beziffern lässt statt vermuten. Ergänzend geht es um Zusammenarbeit: welche Anforderungen an Gestaltung und Redaktion verhindern, dass jede neue Seite die Ladezeit wieder verschlechtert.
content-visibility und CSS-Containment begrenzen die Rendering-Arbeit langer Seiten auf den sichtbaren Bereich - mit Platzhalterhöhen ohne neue Layout-Sprünge.
Compression Dictionary Transport nach RFC 9842: Wie Browser und Server Bundles als Delta gegen die Vorgängerversion ausliefern - Muster, Konfiguration, Fallback.
Wie der Back-Forward-Cache ganze Seiten im Speicher haelt und Zurück-Navigationen sofort macht: Blocker, Cache-Control: no-store und Tests in den DevTools.
Wie die Speculation Rules API Folgeseiten prefetcht oder prerendert, Eagerness richtig tunt, verschwendete Prerenders und Analytics-Nebenwirkungen vermeidet.
Wie fetchpriority='high' das LCP-Bild früher lädt: korrekte Anwendung, Zusammenspiel mit preload und srcset, die häufigsten Fehler und der LCP-Quick-Win.
Wie preload, prefetch, preconnect, dns-prefetch und Priority Hints den Verbindungsaufbau verkürzen, das LCP-Bild und Schriften beschleunigen -- und wo Überladung schadet.
Lazy Loading für Bilder, routenbasiertes Code-Splitting und dynamische Importe senken das initiale JavaScript spürbar und verbessern die Core Web Vitals.
Web-Fonts kosten Ladezeit und verursachen Layout-Shifts. So optimieren Sie Schriften mit font-display, Preload, Subsetting und WOFF2 für schnelle Seiten.
Video als unterschätzter Ladezeit-Treiber: Poster als LCP-Kandidat, sparsames preload, moderne Codecs und Fassaden für eingebettete Player.
Flüssige Animationen ohne Ruckeln: das 16,7-ms-Frame-Budget, warum nur transform und opacity günstig sind und wie Sie Frontend-Jank in den DevTools aufspüren.