Vorabladen von Schlüsselressourcen (preload)

rel="preload" weist den Browser an, mit hoher Priorität vorab eine Ressource herunterzuladen, die bald gebraucht wird (das Hauptbild over the fold, eine Schlüsselschrift, Critical CSS).

Ohne Preload entdeckt der Browser manche wichtigen Ressourcen spät (z. B. eine erst aus dem CSS referenzierte Schrift), was ihr Erscheinen verzögert. Preload beschleunigt das und verbessert LCP.

1. 1Lade das LCP-Bild vor (das Haupt-Visual over the fold).
2. 2Lade Schlüsselschriften vor und ergänze font-display: swap.
3. 3Übertreibe es nicht — der Preload von allem verwässert die Priorität und schadet.