Seite 22 - Monthly Archives: January 2025

Ob ein Tailwind Design System wirklich genutzt wird oder nur auf dem Papier existiert, lässt sich nicht erraten, sondern messen. Ein Utility-Audit-Skript, eine klare Token-Nutzungsquote und regelmäßige Drift-Berichte verwandeln vage Eindrücke in belastbare Zahlen, mit denen sich Investitionsentscheidungen tatsächlich begründen lassen.

Twig 3 teilt die CoreExtension in kleinere Bausteine auf, aendert das Escaping-Verhalten fuer eigene Filter und entfernt lange als veraltet markierte Funktionen. Wer diese Breaking Changes vor dem Composer-Update kennt und Deprecations gezielt sucht, migriert Symfony-Templates ohne boese Ueberraschungen in der Produktion.

Largest Contentful Paint gilt als die wichtigste der drei Core Web Vitals für die wahrgenommene Ladegeschwindigkeit einer Seite, wird aber in der Praxis häufig falsch angegangen, indem pauschal versucht wird, die Seite als Ganzes schneller zu machen. Der erste nötige Schritt ist, das tatsächliche LCP-Element einer Seite zu identifizieren, das oft nicht das Element ist, das man intuitiv erwarten würde. Der zweite Schritt ist, die LCP-Zeit in ihre vier Phasen, TTFB, Load Delay, Load Time und Render Delay, zu zerlegen und jede Phase gezielt und einzeln zu optimieren, statt eine diffuse Verbesserung der Gesamtzeit anzustreben.

Vue Transitionen sind mächtig, aber voller versteckter Fallen. Ein falsch gesetztes CSS-Property löst Layout Reflow aus und macht die Animation ruckelig. Ein fehlender key-Wechsel lässt Elemente verschwinden, ohne dass Transition überhaupt ausgelöst wird. Dieser Artikel erklärt, wie Vue Transitionen tatsächlich funktionieren, welche CSS-Properties smooth laufen und welche Muster in der Praxis zuverlässig schöne Animationen liefern.

MySQL 8 hat zwei kleine, aber praxisrelevante Index-Funktionen eingeführt, die in älteren Versionen schlicht fehlten: echte absteigende Indizes und unsichtbare Indizes. Vorher simulierte der Optimizer eine absteigende Sortierung durch einen Rückwärts-Scan über einen aufsteigenden Index, was bei gemischten Sortierrichtungen über mehrere Spalten hinweg an klare Grenzen stieß. Und ein bestehender Index ließ sich früher nur durch tatsächliches Löschen testen, ein riskanter Schritt in einer produktiven Magento-Datenbank. Dieser Artikel zeigt, wie beide Funktionen intern arbeiten, wann sich der Umbau eines bestehenden Index wirklich lohnt und wie sich Indexänderungen in einer laufenden Installation risikoarm durchführen lassen.

Ein abgelaufenes TLS-Zertifikat ist einer der wenigen Fehler, die einen Shop komplett offline nehmen können, ohne dass ein einziger Codefehler dahintersteckt. Wer TLS-Zertifikat-Ablauf mit Bash und openssl überwacht, erkennt drohende Ausfälle Wochen im Voraus und verhindert den nächtlichen Notfalleinsatz.

Wer in Docker-Containern nur mit var_dump und Logs debuggt, schöpft das Potential der Entwicklungsumgebung nicht aus. Xdebug 3 mit PhpStorm verbindet den Debugger direkt mit dem Container – für echte Breakpoints, Variable-Inspektion und Stack Traces ohne einen einzigen var_dump().

Wer Magento- und Hyvä-Shops nur in Chromium testet, übersieht Rendering-Unterschiede, die echte Kunden in Firefox oder Safari tatsächlich treffen. Playwright macht es einfach, dieselbe Testsuite gegen mehrere Browser-Engines laufen zu lassen, doch echte Wirkung entsteht erst durch eine bewusste Browser-Matrix, die auf realen Analytics-Daten statt auf Standardeinstellungen beruht.

Routing in React war lange eine Quelle von Laufzeitfehlern: falsche URL-Parameter, untypisierte Search Params, fehlende Routen-Guards. TanStack Router löst das durch ein vollständig typsicheres Routing-System, bei dem der TypeScript-Compiler jeden Fehler in Navigation, Params und Search Params erkennt – bevor der Code den Browser erreicht.

Der Slow Query Log ist nur der erste Schritt, denn eine Rohdatei mit tausenden Zeilen bringt allein keine Erkenntnis. Dieser Artikel zeigt, wie long_query_time sinnvoll gewählt wird, wie pt-query-digest und mysqldumpslow die Daten aggregieren, und wie man daraus eine belastbare Priorisierung für die nächsten Optimierungen ableitet.