murattunalı.

CLS 0.001: layout at its stillest.

Murat Tunalı PUBLISHED: 2026-08-21 READING: 1′ Performans

Layout shift is the page sliding out from under the reader. Google calls anything under 0.1 "good"; all three live sites we run measure 0.001. Not luck — reservation discipline.

Shift has three classic sources: images without declared dimensions, late web fonts, injected content. The cure is the same for all three: space is reserved BEFORE content arrives. Width/height on images, preloaded fonts with metric-matched fallbacks, fixed heights on bands.

  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. # 2026-08-21 · cold load · 1440×900

Why "stillest" — not exactly zero?

Chrome may count elements whose content reflows even when the box stays fixed. In this site's hero, as the variable font's width axis opens, the dot inside the line flows: same box, same size, same line count — still 0.027 gets written. We measured it, attributed every event, and accepted it deliberately: a gesture is part of the design as long as it stays inside the budget.

The real trap isn't at load: scrolling doesn't count as "recent input", so every shift during scroll is written to real-user data in full. A pinned section returning to flow could produce 0.64 in a single frame — moving the pin to the transform channel erased it from the metric entirely. Nothing moved by transform is ever a layout shift.

Reserve the space before the content arrives; the rest is bookkeeping.
Next post

SCHEMA: ARTICLE + PERSON + BREADCRUMBLIST — AUTHOR, DATE AND READING TIME FEED THE SCHEMA