# Speculation Rules API 2026: azonnali navigáció, nulla JS

> A Chromium Speculation Rules API elore rendereli a kovetkezoo oldalt a kattintas elott. Valodi INP / LCP szamok, produkciós konfig, az egy gotcha.

A Speculation Rules API a 2024-26-os web-teljesitmeny legnagyobb csendes gyozelme. Tegy egy kis JSON-blokkot a HTML-be, a Chromium elore rendereli a valoszínuleg kovetkezoo oldalt. Amikor a user kattint, a navigacio azonnali. Es nulla JS-bundle-meretet kostet.

## Mit csinal

Ket mod: 'prerender' (teljes render rejtett tab-ba) es 'prefetch' (csak fetch). A prerender agresszivabb · az oldal kattintaskor eloben. A prefetch olcsóbb · a HTML meleg, de rendere kell aktivalaskor.

## A konfig, amit szallitunk

```html
<script type='speculationrules'>
{
  'prerender': [{
    'source': 'document',
    'where': { 'href_matches': '/*' },
    'eagerness': 'moderate'
  }],
  'prefetch': [{
    'source': 'list',
    'urls': ['/blog', '/services', '/projects']
  }]
}
</script>
```

Az eagerness 'moderate' hoveren triggerel (200ms pre-click). 'Eager' azonnal lista-alapjan. 'Conservative' csak egerlenyomasra. A moderate a jó default · azonnalinak érzodik, de nem robbantja fol a per-origin prerender-budgetet.

## Valodi szamok

- Nav LCP · 1.2s -> 0.05s prerender-elt targeton.
- Nav INP · 180ms -> 35ms.
- Prerender-talalati arány produkcióban · ~75% moderate eagernessen.

## Egy gotcha

A prerender rogton kliens-oldali JS-t futtat · az analytics-ot is. A GA4, Segment es Amplitude dedupelnek, de egyes regebbi trackerek duplazanak. Adj hozzá 'prerendering' checket az analytics init-be, ha egyedit hasznalsz.

> Szallitsd. 20 sor konfig, 200ms-600ms INP win navigaciora, 0 JS-bundle koltseg. Most minden Next.js oldalra default.

## Amit érdemes elvinni

- A Speculation Rules API (Chromium) a navigacios célokat elorerendereli hover-re vagy listára. Azonnali navigacio, merheto LCP / INP nyereseg, nulla JS-bundle koltseg. A produkciós konfig, amit default-kent szallitunk, es az egy gotcha.

## Címkék

Web, Performance, CWV, Chromium, SEO

## Az írásban használt fogalmak

- https://dfieldsolutions.hu/hu/fogalomtar/speculation-rules.md

## Ezt is megépítjük

https://dfieldsolutions.hu/hu/szolgaltatasok/web-performance

## Több a laborból

- https://dfieldsolutions.hu/hu/labor/core-web-vitals-nextjs-case-study.md — Core Web Vitals Next.js-szel: hogyan lett 4.5s-ből 0.9s LCP
- https://dfieldsolutions.hu/hu/labor/hungarian-webshop-cwv-2026.md — Magyar webshop CWV 2026 · amit most kell javitani
- https://dfieldsolutions.hu/hu/labor/ai-search-visibility-checklist.md — Az AI-keresési láthatósági checklista, amit ezen az oldalon futtatunk
- https://dfieldsolutions.hu/hu/labor/web-vitals-playbook.md — Core Web Vitals egy igazi Next.js oldalon

---

Source: https://dfieldsolutions.hu/hu/labor/speculation-rules-api-prerender-2026
DField Solutions — Torony köz 5-1.a, 2120 Dunakeszi, Hungary — +36 20 722 0002 — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.hu/en/contact