Early Hints: Kritische Assets vor der eigentlichen Antwort laden

103 Early Hints ist ein HTTP-Status, mit dem der Server dem Browser schon vor der eigentlichen Response wichtige Hinweise schicken kann, z. B. welche CSS- oder Font-Dateien direkt geladen werden sollen.

HTTP/1.1 103 Early Hints
Link: </assets/css/main.css>; rel=preload; as=style
Link: </assets/fonts/ibm-plex-sans.woff2>; rel=preload; as=font; type="font/woff2"; crossorigin

HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8

Wo hilft das? Vor allem bei SSR, langsamen Datenbankabfragen oder generell hohem TTFB. Der Browser kann kritische Assets schon anfordern, während das Backend noch an der finalen HTML-Antwort arbeitet.

Wichtig: Early Hints bringt vor allem etwas für Assets, die du sehr sicher brauchst. Für wechselnde oder unklare Ressourcen ist der Effekt gering oder du preloadest unnötig.

performance dev-tricks