Seite 3 - Web Performance

Performance-Regressionen entstehen selten durch eine einzelne dramatische Änderung, sondern durch viele kleine Verschlechterungen, die einzeln unter dem Radar bleiben. Eine CI-Pipeline, die Bundle-Größe und Lighthouse-Metriken bei jedem Pull Request automatisch gegen den Basis-Branch vergleicht, macht diese schleichende Verschlechterung sichtbar, bevor sie den Hauptzweig und damit die Produktion erreicht.

Bilder verursachen in den meisten Magento-Shops über die Hälfte des Seitengewichts und entscheiden direkt über Ladezeit, Rankings in der Google Bildersuche und Conversion-Rate. Dieser Artikel zeigt, wie moderne Formate wie WebP und AVIF, responsive srcset-Auslieferung, gezieltes Lazy Loading, CDN-Strategien und saubere Alt-Texte zusammenspielen, um Bilder technisch und inhaltlich für Suchmaschinen zu optimieren.

Langsame Kataloge entstehen fast nie durch zu wenig Hardware, sondern durch Queries ohne passenden Index, unnötig breite SELECT-Statements und fehlendes Caching. Dieser Artikel zeigt, wie man EXPLAIN-Pläne liest, fehlende Indizes diagnostiziert, Connection-Overhead reduziert und MySQL/MariaDB gezielt für katalogschwere PHP-Anwendungen konfiguriert.

Progressive Web Apps versprechen App-ähnliche Geschwindigkeit für Magento-Shops, doch ohne sauberes Manifest, durchdachte Service-Worker-Caching-Strategien und eine klare App-Shell-Architektur bleibt der Effekt aus. Dieser Artikel zeigt, wie Installierbarkeit, Offline-Fallbacks und Install-Prompts technisch korrekt umgesetzt werden und wo ein gut optimierter, serverseitig gerenderter Hyvä-Storefront der PWA tatsächlich überlegen bleibt.

Tailwinds JIT-Engine generiert ausschließlich jene Utility-Klassen, die tatsächlich im Quellcode vorkommen, doch falsch konfigurierte Content-Pfade sorgen in der Praxis regelmäßig dafür, dass CSS-Bundles unnötig aufgebläht werden oder Styles im Produktivbetrieb plötzlich fehlen, weil der Scanner Templates, Module oder dynamisch zusammengesetzte Klassennamen schlicht übersieht.

Ungenutzter Code landet erstaunlich häufig trotzdem im Produktions-Bundle, weil CommonJS-Imports, Barrel-Files oder eine falsch gesetzte sideEffects-Flag den Bundler daran hindern, ihn zu entfernen. Dieser Artikel zeigt mechanisch, wie Tree Shaking funktioniert, welche Muster es blockieren, und wie Bundle-Analyzer-Tools die Ursachen mit konkreten Kilobyte-Zahlen sichtbar machen.

Magento verlässt sich auf Cron für Indexierung, E-Mail-Versand und Aufräumarbeiten, doch ohne durchdachte Gruppenkonfiguration wächst die cron_schedule Tabelle und einzelne Jobs blockieren die gesamte Warteschlange. Dieser Artikel zeigt, wie Cron-Gruppen richtig getrennt, lange Jobs identifiziert und schwere synchrone Aufgaben durch Message Queue Consumers ersetzt werden, damit der Shop unter Last stabil bleibt.

Ein Performance-Budget setzt klare Obergrenzen für Ladezeit, Bundle-Größe und Anzahl der Requests, bevor ein Shop langsam wird, statt erst danach zu reagieren. Wer Budgets aus echten Baseline-Messungen ableitet und im Build automatisch prüft, verhindert, dass einzelne Deployments oder ein zusätzliches Skript die Performance schleichend verschlechtern, ohne dass es jemand bemerkt.

Jede neue TCP- und TLS-Verbindung kostet mehrere Netzwerk-Umlaufzeiten, bevor das erste Nutzbyte beim Client ankommt, und dieser Aufbau wiederholt sich bei naiven Implementierungen bei jedem Request erneut. HTTP Keep-Alive, Connection Pools zwischen PHP-FPM und Backend-Diensten sowie modernes HTTP/2- und HTTP/3-Multiplexing vermeiden genau diesen Overhead. Dieser Artikel zeigt, wie Nginx, Redis, MySQL und Guzzle-Clients Verbindungen gezielt wiederverwenden.

JavaScript läuft in Browsern auf einem einzigen Main Thread, der Rendering, Layout und Nutzereingaben gemeinsam verarbeitet. Dieser Artikel erklärt Call Stack, Task Queue und Microtask Queue im Detail, zeigt warum Tasks über fünfzig Millisekunden Rendering und Klicks blockieren, und liefert konkrete Techniken wie Chunking, requestIdleCallback und scheduler.yield, um lange Aufgaben in reaktionsfreundliche Häppchen aufzuteilen.