rel=preconnect
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Das preconnect Schlüsselwort für das rel Attribut des <link> Elements ist ein Hinweis für Browser, dass der Benutzer wahrscheinlich Ressourcen von der Herkunft der Zielressource benötigt. Daher kann der Browser die Benutzererfahrung voraussichtlich verbessern, indem er proaktiv eine Verbindung zu dieser Herkunft initiiert. Preconnecting beschleunigt zukünftige Ladevorgänge von einer bestimmten Herkunft, indem es vorab einen Teil oder den gesamten Handshake (DNS+TCP für HTTP und DNS+TCP+TLS für HTTPS-Herkünfte) durchführt.
<link rel="preconnect"> bietet einen Vorteil für zukünftige Cross-Origin HTTP-Anfragen, Navigationen oder Subressourcen. Es hat keinen Vorteil bei Anfragen derselben Herkunft, da die Verbindung bereits geöffnet ist.
Wenn eine Seite Verbindungen zu vielen Drittanbieter-Domänen herstellen muss, kann das Preconnect zu all diesen kontraproduktiv sein. Der <link rel="preconnect"> Hinweis sollte am besten nur für die wichtigsten Verbindungen verwendet werden. Für die anderen verwenden Sie einfach <link rel="dns-prefetch">, um Zeit beim ersten Schritt — der DNS-Auflösung — zu sparen.
Beispiele
<link rel="preconnect" href="https://example.com" />
Sie können Preconnect auch als HTTP Link Header implementieren, zum Beispiel:
Link: <https://example.com>; rel="preconnect"
Spezifikationen
| Specification |
|---|
| HTML # link-type-preconnect |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Spekulatives Laden für einen Vergleich von
<link rel="preconnect">und anderen ähnlichen Performance-Verbesserungsfunktionen.