Preconnect ist eine Ressourcenhinweistechnik, die frühzeitig Verbindungen zu externen Ressourcen wie Bildern, Skripten oder Stylesheets auf einer Webseite herstellt. Indem diese Verbindungen im Voraus initiiert werden, können Browser die erforderlichen Ressourcen bei Bedarf effizienter abrufen, was zu schnelleren Seitenladezeiten und einer verbesserten Benutzererfahrung führt.
In WordPress können Sie die Funktion „wp_resource_hints()“ verwenden, um Preconnect-Hinweise zu Ihrer Website hinzuzufügen. Diese Funktion verwendet ein Array von Ressourcentypen und URLs als Argumente und generiert den entsprechenden HTML-Code.
Um beispielsweise eine Vorabverbindung zu den Bildern und Stylesheets auf Ihrer Website herzustellen, würden Sie den folgenden Code zur Datei „header.php“ Ihres Themes hinzufügen:
```php
wp_resource_hints([
'preconnect' => [
[
'href' => 'https://example.com/wp-content/themes/your-theme/images',
],
[
'href' => 'https://example.com/wp-content/themes/your-theme/stylesheets',
],
],
]);
?>
„
Sie können auch die Funktion „wp_resource_hints()“ verwenden, um eine Vorabverbindung zu externen Ressourcen herzustellen, die sich nicht auf Ihrem eigenen Server befinden. Um beispielsweise eine Vorabverbindung zur Google Fonts-API herzustellen, würden Sie den folgenden Code zu Ihrer Datei „header.php“ hinzufügen:
```php
wp_resource_hints([
'preconnect' => [
[
'href' => 'https://fonts.googleapis.com',
],
],
]);
?>
„
Preconnect ist ein leistungsstarkes Tool, mit dem Sie die Leistung Ihrer Website verbessern können. Durch die Vorabverbindung mit wichtigen Ressourcen können Sie die Ladezeit Ihrer Seiten verkürzen und das Benutzererlebnis insgesamt verbessern.
Hier sind einige Tipps für die Verwendung von Preconnect in WordPress:
* Verbinden Sie sich vorab nur mit Ressourcen, die für die Funktionalität Ihrer Website unerlässlich sind.
* Vermeiden Sie eine Vorabverbindung zu Ressourcen, die bereits vom Browser zwischengespeichert sind.
* Testen Sie die Leistung Ihrer Website mit und ohne Preconnect, um sicherzustellen, dass dadurch die Ladezeiten Ihrer Seiten tatsächlich verbessert werden.
Preconnect ist eine unterstützte Funktion in modernen Browsern, einschließlich Google Chrome, Mozilla Firefox und Microsoft Edge. Es wird jedoch in älteren Browsern wie Internet Explorer 11 nicht unterstützt.
