Seite 16 - Web Performance

Globale Magento Shops verlieren Umsatz, wenn jede Anfrage erst quer über den Kontinent zum Ursprungsserver reisen muss. Edge Functions verlagern Geolocation Weichen, A/B Tests und Bildauslieferung direkt an den nächstgelegenen CDN Knoten. Das Ergebnis sind spürbar kürzere Antwortzeiten für Kundinnen und Kunden in Nordamerika, Asien oder Australien, ohne dass die Magento Kernlogik am Ursprung verändert werden muss.

Wer OPcache, Redis, Varnish und ein CDN ohne klare Rollenverteilung betreibt, produziert widersprüchliche Ladezeiten und schwer reproduzierbare Fehler durch veraltete Daten. Dieser Artikel zeigt, wie jede Schicht ein eigenes Problem löst, wie Invalidierung über Tags und TTL zuverlässig funktioniert und wie sich Stampedes durch Sperren und vorausschauende Erneuerung vermeiden lassen.

Schema-Migration in IndexedDB unterscheidet sich fundamental von serverseitigen Datenbank-Migrationen: Es gibt kein Migrationstool, keine SQL-DDL-Befehle und keinen zentralen Ausführungsort, sondern nur das onupgradeneeded-Event, eine einzelne Versionsnummer und die Verantwortung des Entwicklers, Object Stores und Indexe schrittweise, robust und rückwärtskompatibel zu verändern.

Von Hand gepflegtes Critical CSS veraltet bei jeder Layout-Änderung sofort und wird zur stillen Fehlerquelle im Frontend. Wer die Critical CSS Extraktion in die Build-Pipeline integriert, bekommt bei jedem Deployment automatisch aktuelles, korrektes CSS für den sichtbaren Bereich, ohne dass ein Entwickler manuell eingreifen muss.

Klassisches Linux AIO ueber libaio erzeugt fuer jede I/O-Operation einen eigenen Systemaufruf mit vollem Kontextwechsel-Overhead. io_uring ersetzt dieses Modell durch zwei zwischen Kernel und Userspace geteilte Ringpuffer und senkt dadurch die Anzahl noetiger Systemaufrufe drastisch, ein Vorteil, der sich besonders bei I/O-intensiven Datenbank- und Suchindex-Workloads mit hoher Parallelitaet bemerkbar macht.

Web Worker verlagern rechenintensive JavaScript-Aufgaben wie das Filtern und Sortieren großer Produktlisten in einen eigenen Thread, ohne den Main Thread zu blockieren. Dieser Artikel erklärt, wie Message Passing und Structured Clone funktionieren, wann Transferable Objects den Unterschied machen, wie Comlink die API vereinfacht und wo die praktischen Grenzen von Web Workern liegen.

Jede Symfony-Anfrage braucht einen fertigen Dependency-Injection-Container, und wie dieser Container gebaut, kompiliert und gecacht wird, entscheidet über einen erheblichen Teil der Boot-Zeit. Container Warmup mit cache:warmup verschiebt die teure Kompilierung aus dem Request in die Deployment-Phase.

Ein einzelner Prozess frisst dauerhaft 100 Prozent CPU, aber niemand weiss warum, es gab keinen Deploy und keine Konfigurationsaenderung. Dieser Artikel zeigt den vollstaendigen Diagnoseweg fuer mysterioesen CPU-Verbrauch: vom ersten Verdacht in top ueber Thread-Analyse und Systemaufrufe mit strace bis zum konkreten Code-Pfad mit perf.

Wer Performance-Probleme in PHP-Anwendungen nur über Bauchgefühl und Stichproben in der Produktion sucht, verschwendet Zeit an den falschen Stellen. Blackfire und XHProf liefern belastbare Callgraphs, getrennte Exclusive- und Inclusive-Zeiten sowie eigenständige Wall-Time-, CPU-Time- und I/O-Wait-Metriken, mit denen sich echte Engpässe klar von harmlosen Symptomen unterscheiden lassen, egal ob im Monolithen, im Microservice oder im CLI-Skript.

Vue Memory Leaks entstehen fast immer an denselben drei Stellen: vergessene Event-Listener, nicht gestoppte Timer und Watcher ohne Cleanup beim Unmounten einer Komponente. Mit Chrome-Devtools-Heap-Snapshots lässt sich jeder Verdacht belastbar bestätigen, statt auf Basis von Vermutungen Code zu ändern, der das eigentliche Leck gar nicht betrifft.