Web Performance

Jedes unkomprimierte HTML-, CSS- oder JS-Byte kostet Übertragungszeit, besonders auf mobilen Verbindungen mit hoher Latenz. Gzip ist der verlässliche Standard, aber Brotli komprimiert Web-Text durch ein eingebautes Wörterbuch häufiger Begriffe spürbar kleiner. Dieser Artikel zeigt, wie beide Verfahren technisch funktionieren, wo die Kompressionsraten tatsächlich liegen und wie man sie in Nginx und Varnish für Magento richtig konfiguriert.

Lighthouse CI hat sich als praktisches Werkzeug etabliert, um Performance-Metriken direkt im Pull Request zu prüfen, arbeitet dabei aber mit simulierten Netzwerkbedingungen auf einer einzigen, meist lokal in der CI-Umgebung laufenden Maschine. Die WebPageTest API geht einen anderen Weg: Sie führt echte Ladezeittests von echten Standorten aus, über echte Netzwerkverbindungen mit realistischem Drosselverhalten, und liefert zusätzlich eine Filmstrip-Ansicht, die den visuellen Ladeverlauf Frame für Frame zeigt. Dieser Artikel erklärt den Unterschied zu Lighthouse CI, zeigt, wie sich Performance-Budgets als automatisiertes CI-Gate definieren lassen, und beschreibt, wie Ergebnisse zwischen Deployments verglichen werden, um Regressionen frühzeitig zu erkennen.

Ein Magento-Shop ohne durchdachte CDN-Strategie verschenkt spürbare Ladezeit an jeden Besucher außerhalb der Nähe des Origin-Servers. Dieser Artikel erklärt die technischen Mechanismen hinter Edge-Caching, von Points of Presence über Cache-Key-Konfiguration bis zu Purge-Strategien, damit Auslieferung messbar schneller und der Origin-Server spürbar entlastet wird.

Die next/image Komponente generiert automatisch responsive Bildvarianten, moderne Formate und Lazy Loading, löst aber nicht jedes Performanceproblem von selbst. Wer sizes korrekt konfiguriert, Priority gezielt für das Largest-Contentful-Paint-Element setzt und Remote Patterns sauber pflegt, holt aus der Next.js Image Optimierung tatsächlich das volle Potenzial heraus.

WebSocket-basierte GraphQL Subscriptions bringen bidirektionale Kommunikation mit, die die meisten Echtzeit-Anwendungsfälle gar nicht brauchen. Server-Sent Events bieten als GraphQL Subscriptions Alternative einen einfacheren, HTTP-nativen Weg für unidirektionale Updates, ohne eigenes Protokoll, eigenen Reconnect-Mechanismus und zusätzliche Infrastruktur.

Ein Recording im Performance Panel sieht auf den ersten Blick nach einem bunten Balkendiagramm aus. Wer Flame Chart, Call Tree, Bottom Up und Event Log kombiniert, findet aber die tatsächliche Ursache von Rucklern, blockiertem Main Thread und schlechten Web Vitals, statt nur Symptome zu behandeln.

Nitro, der Server-Engine hinter Nuxt 3, bringt mit unstorage eine einheitliche Key-Value-Schnittstelle mit, die sich wahlweise auf Redis, das lokale Dateisystem, Cloudflare KV oder einfachen Arbeitsspeicher stützen kann, ohne dass der Anwendungscode etwas von der konkreten Anbindung wissen muss. Wer serverseitige API-Antworten zwischenspeichern will, kommt damit ohne eine zusätzliche Cache-Bibliothek aus und tauscht den Storage-Treiber je nach Umgebung einfach in der Konfiguration aus.

Jeder require, jedes include und jede Autoloader-Auflösung durchläuft in PHP eine Pfadauflösung, die ohne ausreichend dimensionierten Realpath-Cache bei jedem einzelnen Request erneut Dateisystemzugriffe erzeugt. Gerade bei Projekten mit tausenden Klassen und tiefen Verzeichnisbäumen summiert sich das zu einem Overhead, der sich mit wenigen Zeilen Konfiguration fast vollständig eliminieren lässt.

Eine einzelne Codeänderung verschlechtert die Ladezeit einer Produktseite selten spürbar, doch zwanzig solcher kleiner, jeweils für sich unauffälliger Verschlechterungen über mehrere Monate hinweg summieren sich zu einer insgesamt deutlich langsameren Anwendung, ohne dass ein einzelner, klar verantwortlicher Commit dafür identifiziert werden könnte. Ein Performance-Budget, das als automatisierte Testassertion in die CI-Pipeline eingebunden wird, verhindert genau dieses schleichende Problem, indem es jede einzelne Änderung sofort gegen feste, objektive Schwellenwerte prüft, statt Performance nur gelegentlich und manuell zu überwachen.

Wer Magento-Shops ohne Fokus auf Core Web Vitals betreibt, verliert Sichtbarkeit in der Google-Suche und Umsatz durch Kaufabbrüche. LCP, INP und CLS sind seit dem Page Experience Update direkte Rankingfaktoren - mit klaren Schwellenwerten, messbaren Ursachen und konkreten Optimierungen für Magento- und Hyvä-Shops, die auch unter Last stabil bleiben.