---
title: "Speculation Rules API 2026: azonnali navigáció, nulla JS"
description: "A Chromium Speculation Rules API elore rendereli a kovetkezoo oldalt a kattintas elott. Valodi INP / LCP szamok, produkciós konfig, az egy gotcha."
date: 2026-04-22
updated: 2026-04-22
author: "Mezo Dezso"
tags: "Web, Teljesitmeny, CWV, Chromium, SEO"
slug: speculation-rules-api-prerender-2026-hu
canonical: https://dfieldsolutions.hu/blog/speculation-rules-api-prerender-2026-hu
---

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

A Speculation Rules azonnalivá teszi a belso navigaciót · nulla JS-kolten. Ez a konfig, amit default-kent szallitunk.
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.

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

---

Source: https://dfieldsolutions.hu/blog/speculation-rules-api-prerender-2026-hu
Author: Mezo Dezso · Alapito, DField Solutions
Site: https://dfieldsolutions.hu