Prefetch

TL;DR

Prefetch lädt Ressourcen für wahrscheinliche nächste Navigationen im Hintergrund vor. Ideal für die "nächste Seite" im Nutzerfluss.

Was ist Prefetch?

Prefetch lädt Ressourcen mit niedriger Priorität im Hintergrund, die wahrscheinlich bald gebraucht werden. Anders als Preload ist es spekulativ – der Browser lädt nur, wenn Kapazität frei ist.

Wann Prefetch verwenden

• Nächste Seite im Checkout-Prozess
• Wahrscheinliche Navigations-Ziele
• Ressourcen für Interaktionen
• Lazy-loaded Module

Syntax

<link rel="prefetch" href="/checkout" as="document">

Prefetch vs. Preload

• Preload: Definitiv benötigt, jetzt, hohe Priorität
• Prefetch: Wahrscheinlich benötigt, später, niedrige Priorität

Prefetch und Nachhaltigkeit

Kritisch betrachten:

• Prefetch lädt auch, wenn Nutzer nicht navigiert
• Verschwendet Bandbreite bei falscher Vorhersage
• Nur bei hoher Wahrscheinlichkeit sinnvoll

Fazit

Prefetch kann Navigationen beschleunigen, sollte aber nur für wirklich wahrscheinliche Ziele eingesetzt werden. Sonst verschwendet es Nutzer-Daten.