Opublikowano: 24 czerwca 2026 r.
Nuvemshop (w Ameryce Łacińskiej znana jako Tiendanube) to wiodąca platforma e-commerce w regionie, która obsługuje ponad 180 tys. sklepów internetowych. Sprzedawcy dostosowują swoje sklepy za pomocą różnych motywów i dynamicznych układów treści, dlatego zapewnienie szybkiego wczytywania stron w tak zróżnicowanym środowisku stanowi wyjątkowe wyzwanie techniczne.
- Stan największego wyrenderowania treści (LCP) poprawił się o 68%, z 57% do 96% w ciągu roku, co odzwierciedla znaczącą zmianę w sposobie renderowania treści u góry widocznego obszaru przez sklepy dla rzeczywistych użytkowników.
- Współczynnik zdawalności Core Web Vitals wzrósł z 48% do 72%, co oznacza, że prawie 3 na 4 sklepy spełniają teraz podstawowe wymagania Google dotyczące wydajności.
- Zaangażowanie w zakupach uległo zauważalnej poprawie: analiza tej samej grupy brazylijskich sklepów aktywnych w styczniu 2025 r. i styczniu 2026 r. wykazała, że użytkownicy mobilni z bezpłatnych wyników wyszukiwania Google:
- Wzrost współczynnika konwersji (od sesji do płatnego zamówienia) o 8,9%
- Wzrost współczynnika zaangażowania w koszyku (sesja – koszyk) o 8,4%
- Największy wzrost odnotowano w przypadku urządzeń mobilnych, co jest zgodne z miejscami, w których poprawa wskaźnika LCP była najbardziej znacząca.
Wyniki te są zgodne z badaniami Deloitte zleconymi przez Google (ponad 30 mln sesji w przypadku 37 marek), które wykazały, że przyspieszenie wczytywania stron o 0,1 s może zwiększyć współczynniki konwersji w przypadku sprzedaży detalicznej o 8,4%. Potwierdza to kierunek naszych inwestycji.
Problem: wykrywanie LCP w dynamicznych układach e-commerce
Na początku 2025 r. tylko 48% naszych sklepów spełniało progi Core Web Vitals, a 57% miało dobre wyniki LCP. Nasza początkowa hipoteza dotyczyła wagi obrazu lub opóźnienia serwera. Pomyliliśmy się.
Na podstawie analizy PageSpeed Insights przeprowadzonej w tysiącach sklepów odkryliśmy, że nasza platforma umożliwia sprzedawcom dynamiczne rozmieszczanie sekcji strony głównej: karuzele, banery, siatki produktów i moduły niestandardowe mogą pojawiać się w dowolnej kolejności.
Ta elastyczność spowodowała nieprzewidziany problem: nie zawsze prawidłowy element był identyfikowany jako LCP. W przypadku sklepów z karuzelami, które stanowiły 85% naszych witryn, baner znajdujący się niżej w obszarze widocznym na ekranie był czasami oznaczany jako LCP zamiast pierwszego obrazu w karuzeli, w zależności od tego, jak strona była renderowana na różnych ekranach i urządzeniach. Oznaczało to, że nasze działania optymalizacyjne nie przynosiły zamierzonego efektu: optymalizowaliśmy elementy, które w rzeczywistości nie były elementami LCP.
W przeciwieństwie do typowych platform SaaS nie mogliśmy po prostu naprawić strony głównej. Potrzebowaliśmy rozwiązania, które działałoby w przypadku każdej możliwej konfiguracji motywu, układu sekcji i dostosowania przez sprzedawcę, bez zakłócania działania istniejących sklepów ani ograniczania swobody twórczej.
Jak dynamiczne układy wpływają na wybór elementu LCP
Dzięki analizie PageSpeed Insights i monitorowaniu rzeczywistych użytkowników odkryliśmy, że przejścia CSS w karuzelach i banerach były opóźnione, gdy elementy stawały się widoczne dla algorytmu wykrywania LCP w przeglądarce. Mimo że użytkownicy uważali, że karuzela wczytuje się jako pierwsza, przeglądarka czasami oznaczała baner w drugiej sekcji jako element LCP, ponieważ jego widoczność nie była opóźniona przez efekty przejścia.
Znaleźliśmy 3 główne przyczyny:
- Przejścia CSS były opóźnione, gdy elementy były uznawane za widoczne, co powodowało wykrywanie LCP w nieprawidłowej klatce.
- Do obrazów u góry widocznego obszaru, które musiały zostać wczytane natychmiast, zastosowano leniwe ładowanie.
- Brak sygnałów priorytetu oznaczał, że najważniejsze obrazy nie były ładowane w pierwszej kolejności.
Ustaliliśmy też, że znaczna część pomiarów LCP pochodzi ze stron kategorii i produktów, a nie tylko ze stron głównych. Oznacza to, że nasze poprawki muszą być stosowane konsekwentnie we wszystkich typach stron o dużym natężeniu ruchu.
Wdrażanie: usuwanie 3 głównych przyczyn problemów na dużą skalę
Po ustaleniu przyczyn problemów ich rozwiązanie było proste. Zastosowaliśmy je konsekwentnie we wszystkich głównych tematach i typach stron, ale każdy z nich wymagał starannego określenia zakresu, aby uniknąć tworzenia nowych problemów.
- Usunięto przejścia CSS w sekcjach na pierwszej pozycji. Sekcje, które pojawiają się jako pierwsze na stronie, są teraz renderowane natychmiast, dzięki czemu przeglądarka wykrywa je jako potencjalne elementy LCP bez sztucznych opóźnień.
Usunięto leniwe ładowanie obrazów u góry obszaru widocznego. W przypadku obrazów w pierwszej sekcji warunkowo usuwamy
loading="lazy", aby wyeliminować opóźnienie w ładowaniu zasobów. Zwróciliśmy szczególną uwagę na to, aby dotyczyło to tylko pierwszego obrazu w sekcjach na pierwszej pozycji:<!-- Before --> <img src="slide-1.webp" loading="lazy" alt="Featured product"> <!-- After --> <img src="slide-1.webp" alt="Featured product">Dodano sygnały priorytetowe. Dodając
fetchpriority="high", informujemy skaner wstępnego wczytywania przeglądarki, że obraz LCP jest zasobem o najwyższym priorytecie, co pozwala na jego wcześniejsze wykrycie i pobranie, zanim zakończy się układ i renderowanie. Dodaliśmy logikę weryfikacji, aby sygnały priorytetowe były stosowane tylko wtedy, gdy element znajduje się w pozycji, w której może być kandydatem do LCP: dodaniefetchpriority="high"do zbyt wielu obrazów byłoby niekorzystne, ponieważ jeśli wszystko ma wysoki priorytet, to nic go nie ma.<!-- Before --> <img src="slide-1.webp" alt="Featured product"> <!-- After --> <img src="slide-1.webp" fetchpriority="high" alt="Featured product">Zmniejszenie opóźnień dzięki tymczasowemu przechowywaniu danych na serwerach brzegowych. Zapisywanie w pamięci podręcznej skutecznie skraca czas ładowania, ale w przypadku e-commerce wiąże się z realnym ryzykiem: wyświetlanie nieaktualnych danych o cenach i asortymencie bezpośrednio wpływa na zaufanie klientów i przychody. Podchodziliśmy do tego ostrożnie, monitorując dane biznesowe wraz z danymi o skuteczności, maksymalizując współczynniki trafień w pamięci podręcznej i dbając o to, aby nigdy nie zapisywać w niej treści, które mogłyby zaszkodzić sprzedawcy lub kupującemu.
Wpływ i wyniki: poprawa LCP z 57% do 96%
| Dane (styczeń 2025 r. – styczeń 2026 r.) | Względny wzrost |
|---|---|
| LCP (dobry) | +68% (57–96%) |
| Core Web Vitals (odsetek stron spełniających wymagania) | +50% (48%–72%) |
| Współczynnik konwersji (sesja do zamówienia płatnego) – bezpłatne wyniki wyszukiwania w Google na urządzeniach mobilnych | +8,9% |
| Zaangażowanie w koszyk (sesja do koszyka) – bezpłatne wyniki wyszukiwania w Google na urządzeniach mobilnych | +8,4% |
Dzięki tym ulepszeniom Nuvemshop i Tiendanube stały się platformami e-commerce o najwyższej skuteczności w Brazylii, Argentynie i Meksyku.
Najważniejsze wnioski i refleksje po zakończeniu projektu
Wysoce konfigurowalna architektura Nuvemshopu uniemożliwiała nam korzystanie ze standardowych strategii optymalizacji. Prawdziwym problemem nie była waga obrazu ani opóźnienie serwera: przeglądarki wybierały nieoczekiwane elementy jako LCP z powodu przejść CSS, brakujących sygnałów priorytetu i leniwie ładowanych obrazów u góry widocznego obszaru.
Gdy zrozumieliśmy główne przyczyny problemu, jego rozwiązanie było proste: usunęliśmy przejścia z sekcji w pierwszej pozycji, wyłączyliśmy leniwe ładowanie obrazów u góry widocznego obszaru i dodaliśmy wyraźne sygnały priorytetu. Zastosowaliśmy te zasady konsekwentnie we wszystkich głównych tematach, typach stron i ponad 180 tys. sklepów na naszej platformie.
Wyniki mówią same za siebie: odsetek stron spełniających kryteria LCP wzrósł z 57% do 96%, ogólny odsetek stron spełniających kryteria Core Web Vitals wzrósł z 48% do 72%, a sprzedawcy odnotowali wymierne korzyści: wzrost współczynnika konwersji o 8,9% i wzrost zaangażowania w koszyk o 8,4% na urządzeniach mobilnych. Szybkie sklepy to nie tylko osiągnięcie techniczne, ale też bezpośredni czynnik sukcesu sprzedawcy.