murattunalı.

CLS 0.001: Layout in größter Ruhe.

Murat Tunalı VERÖFFENTLICHT: 2026-08-21 LESEZEIT: 1′ Performans

Layout-Shift heißt: Die Seite rutscht unter dem Leser weg. Google wertet alles unter 0.1 als «gut»; alle drei von uns betreuten Live-Sites messen 0.001. Kein Zufall — Reservierungsdisziplin.

Shift hat drei klassische Quellen: Bilder ohne deklarierte Maße, späte Webfonts, nachträglich injizierte Inhalte. Das Mittel ist dreimal dasselbe: Der Platz wird reserviert, BEVOR der Inhalt eintrifft. Width/Height am Bild, vorgeladene Fonts mit metrisch passendem Fallback, feste Höhen für Bänder.

  1. fersantekstil.com → CLS 0.001 · LCP 0.59s
  2. karcem.com.tr → CLS 0.001 · LCP 0.55s
  3. mikroyazilimdestek → CLS 0.001 · LCP 0.46s
  4. # 21.08.2026 · Kaltstart · 1440×900

Warum «größte Ruhe» — nicht exakt null?

Chrome kann Elemente zählen, deren Inhalt neu fließt, obwohl die Box unverändert bleibt. Im Hero dieser Site fließt der Punkt in der Zeile, während sich die Breitenachse des variablen Fonts öffnet: gleiche Box, gleiche Größe, gleiche Zeilenzahl — dennoch werden 0.027 geschrieben. Wir haben gemessen, jedes Ereignis zugeordnet und es bewusst akzeptiert: Eine Geste gehört zum Design, solange sie im Budget bleibt.

Die eigentliche Falle liegt nicht im Laden: Scrollen zählt nicht als «recent input», jeder Shift beim Scrollen geht voll in die Realnutzerdaten ein. Eine gepinnte Sektion konnte bei der Rückkehr in den Fluss 0.64 in einem einzigen Frame erzeugen — der Wechsel des Pins auf den Transform-Kanal löschte das vollständig aus der Metrik. Was per Transform bewegt wird, ist nie ein Layout-Shift.

Reservieren Sie den Platz, bevor der Inhalt kommt; der Rest ist Buchhaltung.
Nächster Beitrag

SCHEMA: ARTICLE + PERSON + BREADCRUMBLIST — AUTOR, DATUM UND LESEZEIT SPEISEN DAS SCHEMA