Seite 2 - Web Performance

Nicht jeder Nutzer surft mit Glasfaseranbindung. Client Hints übermitteln dem Server Informationen über Netzwerkqualität und explizite Datensparsamkeit, sodass Inhalte gezielt an die tatsächliche Verbindung angepasst werden können, statt pauschal für die schnellste denkbare Verbindung zu optimieren.

GraphQL-Requests laufen standardmäßig als POST mit Query-Text im Body, und POST-Antworten cacht kein CDN. Automatic Persisted Queries lösen dieses Problem, indem sie die Query durch einen stabilen SHA256-Hash ersetzen und den Request als GET übertragen. Damit werden CDN, Browser-Cache und Edge-Layer plötzlich nutzbar, ohne dass Frontend-Code die eigentliche Query-Logik verliert.

Analytics, Chat-Widgets, Ad-Pixel und A/B-Testing-Tools schleichen sich unbemerkt in fast jeden Magento-Shop und summieren sich über Monate zu Hunderten Kilobyte blockierendem JavaScript, die Ladezeit und Interaktionsfähigkeit spürbar verschlechtern. Dieser Artikel zeigt, wie ihr Drittanbieter-Skripte systematisch auditiert, mit Facade-Pattern und iframe-Sandboxing sicher isoliert und über einen klaren Tag-Manager-Governance-Prozess dauerhaft unter Kontrolle haltet.

TTFB gilt im Volksmund als Netzwerkmetrik, die man mit einem schnelleren CDN oder einem näher gelegenen Rechenzentrum in den Griff bekommt. In der Praxis liegt die eigentliche Ursache für einen hohen TTFB in den allermeisten Fällen im Server selbst: in langsamen Datenbankqueries, fehlendem Server-Side-Caching oder Cold-Starts bei Serverless-Funktionen. Wer TTFB wirklich verbessern will, muss die Teilzeiten hinter der Metrik sauber auseinandernehmen und dort ansetzen, wo die Zeit tatsächlich verloren geht.

Ein Endpunkt lädt eine Liste mit hundert Einträgen und feuert dabei hundert zusätzliche Einzelabfragen ab, eine pro Zeile. Das N+1 Problem entsteht selten aus schlechtem SQL, sondern aus der Art, wie Anwendungscode Beziehungen zwischen Tabellen nachlädt. Wer die Symptome im Query-Log erkennt, kann die Ursache gezielt mit JOINs oder Batch-Loading beheben, statt an Symptomen zu optimieren.

Jeder SPA-Router baut seit Jahren auf pushState() und popstate herum, obwohl beide nie fuer Routing gedacht waren, sondern nur fuer die Manipulation der Browser-Historie. Die Navigation API raeumt mit diesen Workarounds auf und liefert echte Kontrolle ueber jede Art von Navigation.

OPcache Preloading lädt ausgewählte Klassen und Funktionen einmalig beim Start eines PHP-FPM-Workers in einen dauerhaften Speicherbereich, sodass sie für jeden folgenden Request sofort verfügbar sind. Richtig konfiguriert spart das spürbar Zeit für Autoloading, Vererbungsauflösung und Interface-Checks, falsch konfiguriert bringt es nichts oder erzeugt schwer nachvollziehbare Fehler nach jedem Deploy.

Ein leistungsstarker Entwicklerlaptop mit aktiviertem CPU-Throttling in den Chrome DevTools fühlt sich wie ein solides Low-End-Testing an, bildet die Realität eines echten 150-Euro-Android-Geräts aber nur unzureichend ab. Thermisches Drosseln, echte Speicherlimits, langsamer Storage und Hintergrundprozesse anderer Apps lassen sich am Schreibtisch kaum simulieren. Wer Performance-Regressionen für die tatsächliche Nutzerbasis ernst nimmt, kommt an physischen Testgeräten oder Cloud-Gerätefarmen nicht vorbei.

Eine einzelne, fest gewählte AVIF-Qualitätsstufe für die gesamte Nutzerbasis ist immer ein Kompromiss zwischen zwei Extremen, die selten beide gut bedient werden. Nutzer mit schneller Standleitung bekommen unnötig komprimierte Bilder, während Nutzer im Mobilfunknetz mit aktivierter Datenspar-Funktion für eine Qualität bezahlen, die sie explizit nicht wollten. Mit Client Hints, dem Save-Data-Header und einer Anbindung an ein Bild-CDN lässt sich die Qualitätsstufe pro Anfrage dynamisch bestimmen, statt sie einmalig im Build-Prozess festzulegen.

Ein Deadlock-Log-Eintrag wirkt beim ersten Lesen wie kryptischer Rauschtext, enthaelt aber alle Informationen, um die Ursache exakt zu rekonstruieren. Wer Deadlocks aus Logs systematisch analysiert, statt sie als seltenen Zufall abzutun, findet die zugrunde liegende Sperr-Reihenfolge im Code und behebt sie dauerhaft statt nur den naechsten Reconnect abzuwarten.