Seite 10 - Web Performance

Nicht jede JavaScript-Aufgabe muss sofort ausgeführt werden. requestIdleCallback und die neuere Scheduler API erlauben es, nicht-dringende Arbeit gezielt in Phasen zu verschieben, in denen der Haupt-Thread ohnehin nichts Wichtigeres zu tun hat, ohne dabei die Reaktionsfähigkeit der Seite auf Nutzerinteraktionen zu gefährden.

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.

Die View Transitions API liefert native, GPU-beschleunigte Übergangsanimationen zwischen zwei Seitenzuständen, ganz ohne JavaScript-Animationsschleife. Im Vergleich zu klassischen Transition-Bibliotheken sinkt die Main-Thread-Last deutlich, und seit den Cross-Document View Transitions funktioniert das Prinzip auch bei klassischer Mehrseiten-Navigation.

Autowiring macht Symfony-Entwicklung komfortabel, erzeugt aber bei unbedachter Nutzung unnötige Objekte bei jedem einzelnen Request. Mit Lazy Services, Ghost-Objekten und Service-Subscribern lässt sich die Kernel Boot Performance spürbar verbessern, ohne auf Autowiring komplett zu verzichten.

Wer in Hyvä-Themes ein eigenes Kontakt-, Anfrage- oder Newsletter-Formular baut, vergisst regelmäßig ein einziges, unscheinbares Hidden-Field und wundert sich anschließend über Fehlermeldungen, die wie ein Bug aussehen. Dieser Artikel zeigt, wie der Form-Key CSRF-Schutz in Magento technisch funktioniert und wie er sauber in phtml-Templates, AJAX-Requests mit Alpine.js, eigenen Controllern und im Zusammenspiel mit dem Full Page Cache eingebunden wird, mit echten Codebeispielen aus Magento 2.4.8-p4 und PHP 8.4.

Die Storage Manager API beantwortet zwei Fragen, die jede Offline-Anwendung früher oder später betreffen: wie viel Speicherplatz steht dem Origin überhaupt zur Verfügung, und wie verhindert man, dass der Browser diese Daten unter Speicherdruck einfach löscht. Wer Quota-Berechnung und Persistenz-Anfragen richtig einsetzt, baut Anwendungen, die Datenverlust proaktiv vermeiden statt ihn nachträglich zu erklären.

Create React App wird nicht mehr weiterentwickelt, aber ein bestehendes Projekt migriert sich nicht von selbst. Wer Create React App zu Vite migriert, muss Konfiguration, Umgebungsvariablen, Proxy Setup und Tests einzeln uebertragen, um am Ende einen schnelleren Dev Server ohne kaputte Builds zu bekommen.

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.