Seite 195 - Maxim Mironjuk

Wer Vue-Projekte ohne durchdachte Dateistruktur aufbaut, kämpft spätestens beim zweiten Entwickler mit unklaren Verantwortlichkeiten und zirkulären Abhängigkeiten. Feature-basierte Vue-Architektur mit klar definierten Schichten und Composables als Herzstück löst dieses Problem strukturell, bevor es den Alltag verlangsamt.

Jedes CSS-Stylesheet, das im ohne Optimierung eingebunden ist, blockiert den Browser bis zum vollständigen Download und Parsen. Critical CSS inline zu setzen und den Rest asynchron zu laden ist die wirkungsvollste Einzelmaßnahme für bessere Core Web Vitals — und eine, die rein auf CSS-Ebene umgesetzt werden kann.

Mobile Shops leben von Touch-Gesten: Wischen durch Bildergalerien, Antippen von Filterschaltern, Ziehen von Off-Canvas-Menüs. Wer diese Interaktionen nur mit simulierten Mausklicks testet, übersieht Ghost-Clicks, blockierte Scrollrichtungen und Hover-Menüs, die auf einem Touchscreen nie erreichbar sind. Dieser Artikel zeigt, wie echte Touch-Events in Cypress und Playwright zuverlässig simuliert werden.

Produktgalerien mit mehreren Bildern, Zoom-Funktion und Karussell-Navigation gehören zu den komplexesten Bausteinen einer Produktseite. Wer nur Alt-Text ergänzt, aber Tastaturbedienung, Fokus-Management und Ankündigungen für Screenreader vergisst, baut eine Galerie, die für viele Nutzergruppen unbedienbar bleibt. Dieser Beitrag zeigt ein vollständiges, praxiserprobtes Muster für barrierefreie Produktgalerien in Magento und Hyvä.

Wer Commit-Messages ohne Validierung durchwinkt, sammelt über Monate eine Historie aus Nachrichten wie fix und wip, die sich weder für Changelogs noch für automatisierte Releases nutzen lässt. Der commit-msg-Hook prüft jede Nachricht, bevor der Commit entsteht, und erzwingt mit commitlint und Husky ein konsistentes Format, das Tools wie semantic-release zuverlässig auswerten können.

Seit Google die Unterstützung von rel=next/prev eingestellt hat, braucht Pagination-SEO eine neue Strategie aus Canonical-Tags, interner Verlinkung und cleverem Crawl-Budget-Management.

Gewichtete Aggregate berücksichtigen, dass nicht jeder Wert in einem Report gleich viel zählen soll, etwa weil eine Bestellung mehr Artikel enthält als eine andere oder eine Klausur stärker gewichtet wird als ein Test. Dieser Artikel zeigt, warum ein einfaches AVG in solchen Fällen irreführende Durchschnittswerte liefert, und wie Weighted Average und Weighted Sum mit SUM(wert mal gewicht) geteilt durch SUM(gewicht) das korrekte Ergebnis berechnen.

Warum OFFSET bei Seite 1000 zur Performance-Falle wird, wie Keyset Pagination mit Cursor-Werten das Problem löst — und warum Magento tiefe Seiten drosseln muss.

Der Browser-Main-Thread ist eine geteilte Ressource: Animationen, Event-Handler und Rendering konkurrieren mit eurer Geschäftslogik. requestIdleCallback löst diesen Konflikt, indem es nicht-kritische Aufgaben in die Leerlaufphasen des Browsers verschiebt – ohne dass der Nutzer irgendetwas davon bemerkt.

Ein Shell-Skript, das auf dem Entwickler-MacBook problemlos läuft, scheitert im Alpine-basierten CI-Container — weil macOS Bash 3.2 ausliefert und Alpine nur Busybox-sh enthält. Das Verständnis der Grenze zwischen portabler POSIX-Shell und Bash-spezifischen Features ist Voraussetzung für Shell-Code, der im Team zuverlässig funktioniert.