Jak Monrif zvýšil zapojení o 8,9 % a zrychlil LCP o 17,9 % díky Speculation Rules

Zjistěte, jak italská mediální společnost Monrif použila Speculation Rules API k prerenderování stránek a dosažení okamžité navigace, čímž zvýšila zapojení uživatelů napříč svými hlavními publikacemi.

Jak Monrif zvýšil zapojení o 8,9 % a zrychlil LCP o 17,9 % díky Speculation Rules

Výzva: Suboptimální LCP na klíčových stránkách

Monrif je italská mediální společnost provozující hlavní publikace jako Il Resto del Carlino, Il Giorno a La Nazione. S miliony uživatelů a tisíci článků je rychlost navigace klíčová pro udržení čtenářů.

Před optimalizací se hodnoty LCP na stránkách článků pohybovaly od 2 333 ms do 2 419 ms - což omezovalo vnímanou rychlost při přecházení mezi články.

Cíl: Zlepšit uživatelskou retenci tím, že navigace bude působit okamžitě.

Řešení: Speculation Rules API

Tým implementoval Speculation Rules API pro prerenderování stránek článků ještě před kliknutím uživatele. Toto moderní API nahrazuje starší metody prefetch s přesnější kontrolou.

Nastavení úrovně "moderate"

Spouštěč prerenderování byl nastaven na úroveň "moderate":

  • Desktop: Prerender při najetí myši na odkaz
  • Mobil: Na základě heuristiky viditelné oblasti (kdy se odkaz stane viditelným)

    • ``html

    ``

    Technické vyloučení prvků

    Skript byl nastaven tak, aby ignoroval:

  • Odkazy s atributem "nofollow"
  • Odkazy označené třídou ".no-prerender"
  • Externí odkazy

    • To umožnilo přesnou kontrolu nad tím, co se má načítat dopředu.

    Dosažené výsledky (Desktop)

    | Publikace | Zlepšení LCP (max) | Nárůst zapojení (peak) |

    |-----------|-------------------|------------------------|

    | Il Resto del Carlino | -17,9 % | +6,9 % |

    | Il Giorno | -17,1 % | +6,7 % |

    | La Nazione | -15,0 % | +5,3 % |

    Špičkový nárůst zapojení: 8,9 % v období nejvyšší aktivity prerenderování (červen 2023).

    Korelace mezi výkonem a aktivitou

    Data ukázala jasnou korelaci:

  • Dny s nejnižšími hodnotami LCP odpovídaly dnům s nejvyšším výskytem prerenderování
  • Vztah byl konzistentní napříč všemi třemi publikacemi

    • Vedlejší přínosy: Reklama a bfcache

    Okamžitá navigace zpět díky bfcache

    Tým odstranil blokátory jako události "unload" a zavedl Maverick's Permissions-Policy, aby umožnil bleskové obnovení stránek z paměti prohlížeče (bfcache).

    Vyšší viditelnost reklam

    Průměrná viditelnost reklam na otevřených stránkách se zlepšila na 1,03 %, což zvyšuje důvěru inzerentů a kvalitu reklamního prostoru.

    Rychlejší načítání kreativ

    Podíl kreativ načtených do 500 ms vzrostl o 10,4 % u prerenderovaných stránek na desktopu.

    Klíčové poznatky

  • Úroveň "moderate" vyvažuje výkonnostní zisky s využitím zdrojů
  • Desktop profituje více z prerenderování na základě hover než mobil
  • Podpora bfcache je nezbytná pro okamžitou navigaci zpět
  • Monetizace reklam se zlepšuje s lepšími Core Web Vitals
  • Doporučeno postupné zavádění: Začněte s prefetch, pak moderate prerender

    • ---

    > Zdroj a atribuce: Tento obsah vychází z případové studie "How Monrif improved engagement by 8.9% and reduced LCP by 17.9% with Speculation Rules prerender and back/forward cache" publikované na web.dev pod licencí Creative Commons Attribution 4.0.