eduardweb.
SEO & PerformanceIntermediar#performance#seo

Core Web Vitals 2026 — ce contează și ce nu (în real-world)

De Eduard Negru, 21 apr. 2026 · 14 vizualizări · 2 like-uri

Postat acum 1 zi
html
<!-- Preload LCP image, fetchpriority="high" -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">

<!-- Font-ul principal, fallback inline -->
<link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/main.woff2">

<!-- Scripts third-party cu defer / async -->
<script defer src="/gtag.js"></script>

Ordinea în care eu atac un site lent

  1. LCP (Largest Contentful Paint) < 2.5s

    • Imaginea hero e preload-ată? Are fetchpriority="high"?
    • Fontul principal e preload-at cu crossorigin?
    • Serverul răspunde în <500ms? (TTFB)
  2. INP (Interaction to Next Paint) < 200ms

    • Evită useEffect cu dependențe care re-rulează la fiecare tastă
    • Ține JS bundle-ul <100kb gzip pentru pagina principală
    • Folosește startTransition pentru state updates non-critice
  3. CLS (Cumulative Layout Shift) < 0.1

    • Imagini cu width și height explicite (sau aspect-ratio)
    • Nu injecta ad-uri care împing conținutul
    • Font size-adjust ca să nu sară layout-ul între fallback și fontul real

Tool-uri

Răspunsuri 0

Se încarcă răspunsurile…

Loghează-te pentru a răspunde

Doar membrii comunității pot lăsa comentarii.