Bajorat Media
Was ist Prefetching?
Prefetching lädt wahrscheinliche nächste Ressourcen oder Verbindungen vor, um spätere Seitenaufrufe zu beschleunigen.
Prefetching ist das vorausschauende Laden von Ressourcen, die Nutzer wahrscheinlich bald benötigen. Ein Browser kann zum Beispiel DNS-Abfragen, Verbindungen, Skripte, Stylesheets oder ganze Folgeseiten vorbereiten, damit eine spätere Navigation schneller wirkt.
Der Begriff wird für mehrere Techniken verwendet. MDN beschreibt moderne Varianten im Kontext von Speculative Loading und dns-prefetch in einem eigenen Leitfaden.
Welche Arten von Prefetching gibt es?
Häufige Varianten sind:
dns-prefetch: löst die Domain eines externen Hosts frühzeitig aufpreconnect: baut zusätzlich eine frühe Verbindung aufprefetch: lädt eine Ressource für eine wahrscheinliche spätere Nutzungpreload: priorisiert eine Ressource, die für die aktuelle Seite wichtig ist- Speculation Rules: ermöglichen moderneres Vorladen oder Prerendering von Folgeseiten
Diese Begriffe werden oft verwechselt. preload ist eher für kritische Ressourcen der aktuellen Seite gedacht, während prefetch auf mögliche spätere Nutzung zielt.
Wann ist Prefetching sinnvoll?
Prefetching kann sinnvoll sein, wenn der nächste Schritt sehr wahrscheinlich ist. Beispiele sind mehrstufige Formulare, Checkout-Prozesse, App-ähnliche Interfaces oder Seiten, bei denen Nutzer fast immer in denselben nächsten Bereich wechseln.
Für normale Websites sollte Prefetching gezielt eingesetzt werden. Wer zu viel vorlädt, verbraucht unnötig Bandbreite, erzeugt zusätzliche Serverlast und kann bei externen Diensten Datenschutzfragen berühren. Gerade bei Drittanbietern ist eine Abstimmung mit Consent Mode und Consent Management wichtig.
Prefetching und Performance
In einer Performance-Optimierung wird Prefetching nicht isoliert betrachtet. Entscheidend ist, ob die Technik messbar hilft. Manchmal bringen Bildgrößen, Caching, kritisches CSS oder weniger JavaScript deutlich mehr.
Prefetching ist also ein Werkzeug für gezielte Beschleunigung, nicht automatisch ein Best-Practice für jede Seite. Es sollte getestet werden, zum Beispiel im Zusammenspiel mit Core Web Vitals und realen Nutzerpfaden.
