# LCP *Largest Contentful Paint* LCP mierzy moment, w którym dorysowuje się największy element widoczny na ekranie — zwykle zdjęcie w nagłówku albo sam nagłówek. Google uznaje za dobry wynik 2,5 sekundy lub mniej, liczony z prawdziwych wizyt na 75. percentylu. **Canonical:** https://spoko.space/pl/slownik/lcp/ **Language:** pl **Kategoria:** Wydajność **Inaczej:** największy element treści, wskaźnik ładowania **Published:** 2026-09-22 **Słownik pojęć:** https://spoko.space/pl/slownik/ --- ## Co to jest {#co-to-jest} Zegar rusza, gdy strona zaczyna się ładować, i staje, gdy największa rzecz w widocznym obszarze jest już narysowana. Nie wtedy, gdy strona skończyła się ładować — wtedy, gdy pojawiło się to, po co ktoś przyszedł. O tym, co jest „największe”, decyduje przeglądarka, nie ty, i prawie zawsze jest to jedna z trzech rzeczy: zdjęcie w nagłówku, pierwszy duży tytuł albo tło, które okazuje się osobnym elementem. Wszystko poniżej pierwszego ekranu jest pomijane. ## Dlaczego to twój problem, jeśli zamawiasz stronę {#dlaczego-to-twój-problem-jeśli-zamawiasz-stronę} To liczba pilnująca momentu, w którym odwiedzający przestaje patrzeć na nic. Cokolwiek mówi całkowity czas ładowania, strona jest bezużyteczna, dopóki nie pojawi się jej główny element — i właśnie to mierzy LCP. To również ten wskaźnik z Core Web Vitals, który najwięcej stron oblewa, i ten, który najbardziej opłaca się naprawić, bo przy okazji zwykle poprawiają się pozostałe dwa. ## Co realnie je poprawia {#co-realnie-je-poprawia} Prawie zawsze usuwanie, nie strojenie. Przy migracji z WordPressa LCP nie poprawia się dlatego, że skompresowałem zdjęcia. Poprawia się dlatego, że żądanie nie czeka już na arkusze stylów wtyczek, ładowarkę fontów, skrypt slidera i skrypt cookies — a każde z nich blokuje przeglądarce narysowanie czegokolwiek. Wyślij HTML gotowy przed przyjściem żądania, a nagłówek nie ma za czym stać w kolejce. Dwa błędy, które znajduję niemal w każdym audycie. Zdjęcie w nagłówku ma `loading="lazy"` — czyli przeglądarka dostaje polecenie, żeby zaczekać z pobraniem jedynego obrazka, który ten wskaźnik mierzy; zwykle dlatego, że wtyczka dodała ten atrybut wszystkim obrazkom na stronie. I drugi: font jest pobierany przez arkusz stylów, który sam jest pobierany przez inny arkusz, więc tytuł nie ma się czym narysować, dopóki nie skończą się dwie rundy w obie strony. Na tej stronie font jest preładowany razem z dokumentem właśnie z tego powodu. Reszta czasu to serwer. Wolny pierwszy bajt jest sufitem: żadna praca po stronie przeglądarki nie zejdzie poniżej czasu, który zajęła odpowiedź. ## Czym LCP nie jest {#czym-lcp-nie-jest} Nie jest czasem ładowania strony ani wynikiem z Lighthouse. Lighthouse daje liczbę z laboratorium, z jednej symulowanej wizyty, bez banera cookies i bez tagów marketingowych. LCP, które się liczy, pochodzi z prawdziwych sesji w Chrome z 28 dni. Te dwie wartości rutynowo się nie zgadzają, a gdy się nie zgadzają, Google patrzy na dane z pola. ## Powiązane pojęcia {#related-terms} - [Core Web Vitals](https://spoko.space/pl/slownik/core-web-vitals/): Core Web Vitals to trzy wskaźniki, które Google zbiera z prawdziwych wizyt w Chrome: LCP dla ładowania, INP dla reakcji na kliknięcie i CLS dla stabilności układu. Adres zalicza je, gdy 75% wizyt mieści się w progu „dobrze”. — Markdown: https://spoko.space/pl/slownik/core-web-vitals.md - [SSG](https://spoko.space/pl/slownik/ssg/): SSG to budowanie wszystkich podstron do gotowych plików HTML, zanim ktokolwiek wejdzie na stronę. Żądanie obsługuje wtedy serwer plików, a nie kod, zapytanie do bazy i szablon składany na miejscu przy każdej wizycie. — Markdown: https://spoko.space/pl/slownik/ssg.md - [CDN](https://spoko.space/pl/slownik/cdn/): CDN to sieć serwerów rozsianych po świecie, które trzymają kopie twojej strony i odpowiadają odwiedzającemu z najbliższego punktu. Usuwa dystans między odwiedzającym a serwerem źródłowym — i tylko to. — Markdown: https://spoko.space/pl/slownik/cdn.md - [CLS](https://spoko.space/pl/slownik/cls/): CLS punktuje to, jak bardzo strona skacze w trakcie ładowania, w skali bez jednostki, gdzie 0,1 lub mniej to dobry wynik. Liczy się każdy element, który przesuwa się bez udziału odwiedzającego, ważony odległością i zajmowaną częścią ekranu. — Markdown: https://spoko.space/pl/slownik/cls.md ## Gdzie o tym piszę {#related-posts} - [Uper SEO Auditor](https://spoko.space/pl/uper-seo-auditor/) — Markdown: https://spoko.space/pl/uper-seo-auditor.md Plugin Chrome dla specjalistów SEO i deweloperów. Debugowanie Web Vitals, Schema.org, GTM i błędów JS w czasie rzeczywistym w Side Panelu przeglądarki. - [Nowoczesna strona internetowa 2026 — trendy, nawigacja i inspiracje](https://spoko.space/pl/blog/nowoczesna-strona-internetowa-trendy/) — Markdown: https://spoko.space/pl/blog/nowoczesna-strona-internetowa-trendy.md Bento grid, dark mode, kinetyczna typografia, CSS scroll animations i ewolucja menu hamburger — praktyczny przegląd trendów web design 2026 z przykładami i listą inspiracji. - [AEO — jak zoptymalizować stronę pod AI i Answer Engines](https://spoko.space/pl/blog/aeo-optymalizacja-pod-ai/) — Markdown: https://spoko.space/pl/blog/aeo-optymalizacja-pod-ai.md Answer Engine Optimization, llms.txt, architektura wysp i szybkość jako waluta konwersji. Praktyczny przewodnik po optymalizacji stron pod modele językowe i wyszukiwarki generatywne. - [Skuteczna strona www — 10 kluczowych cech](https://spoko.space/pl/blog/skuteczna-strona-www/) — Markdown: https://spoko.space/pl/blog/skuteczna-strona-www.md Skuteczna strona to taka, która zamienia odwiedzających w klientów. 10 konkretnych cech, które decydują o wyniku — i jak je zweryfikować na swojej stronie. ## Zobacz też {#see-also} - [Migracja WordPress → Astro](https://spoko.space/pl/migracja-wordpress-astro/) ## Źródła {#sources} - [Largest Contentful Paint (LCP)](https://web.dev/articles/lcp) — Definicja, progi i to, co liczy się jako element LCP. - [Optimize Largest Contentful Paint](https://web.dev/articles/optimize-lcp) — Cztery fazy, z których składa się LCP, i ta, od której zacząć.