Web Performance

1. Kompression im Vergleich: Brotli vs. Gzip

   10.05.2026

   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.

   Read more

2. WebPageTest API automatisiert in die CI-Pipeline einbinden

   08.05.2026

   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.

   Read more

3. CDN-Caching-Grundlagen für schnellere Auslieferung

   07.05.2026

   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.

   Read more

4. Next.js Image Optimierung im Detail: sizes, Priority und LCP

   03.05.2026

   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.

   Read more

5. GraphQL und Server-Sent Events als Alternative zu Subscriptions

   03.05.2026

   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.

   Read more

6. Chrome DevTools Performance Panel im Detail: Flame Charts richtig lesen

   28.04.2026

   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.

   Read more

7. Nuxt Nitro Storage: unstorage praktisch für Caching nutzen

   25.04.2026

   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.

   Read more

8. Realpath-Cache in PHP optimieren: weniger Stat-Calls, schnellere Includes

   24.04.2026

   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.

   Read more

9. Performance-Budgets in E2E-Tests automatisch durchsetzen

   24.04.2026

   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.

   Read more

10. Core Web Vitals für Magento-Shops optimieren

    20.04.2026

    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.

    Read more