Mateusz Pieczyński
Oferta Projekty Case studies Blog Kontakt
Zacznij współpracę
← Wróć do bloga
Performance Dashboard z metrykami wydajności strony
22 lutego 2026 · 4 min czytania

Core Web Vitals 2026 - co realnie podnosi konwersję

Google zmieniło wagi metryk, INP zastąpiło FID i wszyscy znów panikują. Tymczasem 80% pracy wykonują 4 proste optymalizacje. Lista z mojego standardowego audytu - i wynik, jakiego się spodziewam.

Trzy metryki, które dziś się liczą

  • LCP (Largest Contentful Paint) - kiedy widać największy element. Cel: < 2,5 s.
  • INP (Interaction to Next Paint) - jak szybko strona reaguje na klik. Cel: < 200 ms.
  • CLS (Cumulative Layout Shift) - czy strona „skacze". Cel: < 0,1.

Checklist 1 - obrazy

  • format AVIF lub WebP (nie JPG/PNG na pierwszym ekranie),
  • atrybuty width i height zawsze (chroni CLS),
  • hero image z fetchpriority="high",
  • reszta z loading="lazy".

Checklist 2 - fonty

  • preconnect do dostawcy fontów,
  • font-display: swap obowiązkowo,
  • maks. 2 rodziny krojów + maks. 4 wagi,
  • self-hosting daje 200–400 ms na LCP.

Checklist 3 - JavaScript

  • wszystkie skrypty trzeciej strony - opóźnione,
  • chat-widget ładowany po 3 sekundach lub po pierwszym scrollu,
  • analityka - przez kontener (GTM) z trigerem „windowLoad",
  • ciężkie animacje - w requestIdleCallback.

Checklist 4 - CSS

  • krytyczny CSS inline (~5–10 KB),
  • reszta arkusza ładowana asynchronicznie,
  • brak @import w CSS.
Wynik z 7 ostatnich audytów (mediana): LCP 4,1 s → 1,7 s, INP 380 ms → 140 ms, CLS 0,18 → 0,03. Konwersja formularza kontaktowego: +18% w 30 dni bez żadnych innych zmian.

Jeden trik, który robi największą różnicę

Hero image z fetchpriority="high" + preload w head. Sam ten ruch obniża LCP średnio o 600 ms. Czas wdrożenia: 5 minut.

Zamów audyt wydajności

Mateusz Pieczyński

© Mateusz Pieczyński · mateuszpieczynski.pl · NIP 7773467117

mateusz@pieczynski.eu 798 003 227
Polityka prywatności Regulamin

Cookies & prywatność

Używam plików cookies do podstawowej analityki ruchu i poprawy doświadczenia. Możesz zaakceptować wszystkie lub korzystać wyłącznie z niezbędnych.