Vorverbindung zu erforderlichen Ursprüngen aufbauen

"Preconnect to required origins" ist ein wichtiger Bestandteil der Website-Optimierung. Es ermöglicht dem Browser, Verbindungen zu anderen Websites und Ressourcen herzustellen, die für die Funktion der aktuellen Website erforderlich sind, während die Seite geladen wird. Dies verkürzt die Wartezeit für das Laden von Ressourcen und verbessert die allgemeine Leistung der Website.

Zum Beispiel, wenn Sie eine Website haben, die einen Satz von Schriftarten von Google Fonts verwendet, können Sie mit "Preconnect to required origins" dem Browser mitteilen, dass er eine Verbindung zum Google Fonts-Server während des Seitenladens herstellen soll, damit die Schriftarten sofort verfügbar sind, wenn sie benötigt werden. Dies verbessert die Leistung der Website, da der Browser keine Zeit damit verschwenden muss, eine Verbindung herzustellen.

Um "Preconnect to required origins" zu verwenden, können Sie das link-Tag im HTML-Code der Seite verwenden. Wenn Sie beispielsweise eine Verbindung zum Google Fonts-Server herstellen möchten, können Sie folgende Codezeile in den head-Bereich der Seite hinzufügen:

<link rel="preconnect" href="https://fonts.gstatic.com">

Sie können dem Browser auch mitteilen, dass die Verbindung nicht nur für das Laden von Ressourcen, sondern auch für die Übermittlung von Anfragen hergestellt werden soll. Dazu können Sie den crossorigin-Attribut mit dem Wert anonymous verwenden:

<link rel="preconnect" href="https://example.com" crossorigin>

Es ist jedoch zu beachten, dass "Preconnect to required origins" keine Lösung für alle Leistungsprobleme der Website ist. Es hilft nur, die Leistung zu verbessern, wenn die Wartezeit für das Herstellen einer Verbindung zu Ressourcen ein wesentlicher Faktor für die Ladezeit ist. Es ist wichtig, eine umfassende Leistungsoptimierung durchzuführen, die alle Aspekte der Website berücksichtigt, um die bestmögliche Leistung zu erzielen.