So richten Sie das DNS-Prefetching in WordPress ein

Domain Name System Prefetching, im Volksmund als DNS-Prefetching bekannt, ist der Prozess des Auflösens von Domainnamen, bevor Benutzer danach fragen. Es wird hauptsächlich verwendet, um das Laden von Websites zu beschleunigen und die Gesamtleistung zu erhöhen.

DNS-Präfektion in WordPress ist eine beliebte Methode, um das Laden von Websites zu beschleunigen, indem regelmäßig angeforderte Ressourcen wie Google-Schriftarten, Google Analytics, Font Awesome und mehr vorab abgerufen werden.

In diesem Beitrag erfahren Sie, wie Sie DNS-Prefetching in WordPress mithilfe eines Plugins oder manuell aktivieren. Dies kann die Ladezeit Ihrer WordPress-Website verkürzen.

Wie funktioniert DNS-Prefetch?

DNS Prefetch arbeitet im Hintergrund. Wenn Sie Ressourcen aus vielen Domänen laden. Dies wirkt sich normalerweise auf die Ladezeit der Website aus, da der Browser etwa 100 ms benötigt, um die DNS-Suche durchzuführen.

Das heißt, wenn Sie bis zu 5 Domains haben, von denen Sie Ressourcen laden, kann der Browser bis zu 500 ms für die Suche benötigen.

DNS-Prefetching bewirkt jedoch, dass die Domain, auf die Sie sich verlassen, im Hintergrund geladen wird, bevor ein Benutzer auf einen Link klickt, der ihn auslöst.

Das bedeutet, dass die Ressourcen bereit sind, wenn der Benutzer darauf klickt, und die Seite wird sofort geladen.

Wenn Sie viele externe Ressourcen nutzen, kann DNS-Prefetch die Ladezeit verbessern. Bei einer typischen WordPress-Website mit Google Fonts, Google Analytics usw. kann DNS-Prefetch bis zu 500 ms Ladezeit einsparen.

Wofür DNS-Prefetching verwendet werden soll

Es gibt viele Ressourcen, die Sie vorab abrufen können, damit Ihre Website schneller geladen wird. Sie beinhalten:

• Google Fonts
• Google Analytics
• CDN-URL
• Google Tag Manager
• Font Ehrfürchtig
• google Karte
• Und alle externen Ressourcen

So richten Sie das DNS-Prefetching in WordPress ein

Befolgen Sie diese Schritte, um das DNS-Prefetching in WordPress zu aktivieren:

1. Installieren Sie ein DNS-Prefetch-Plugin

Der einfachste Weg, DNS-Prefetching in WordPress zu implementieren, ist die Verwendung eines Plugins. Dies erspart Ihnen den Stress, Ihre Designdateien bearbeiten zu müssen.

Das beste Plugin dafür ist Perfmatters . Es ist ein Premium-Plugin mit vielen tollen Funktionen zur Beschleunigung von WordPress-Websites. Eine weitere Alternative ist WP Rocket.

Für Perfmatters müssen Sie das Plugin von deren Website herunterladen . Installieren und aktivieren Sie es anschließend in Ihrem WordPress-Dashboard.

Wenn Sie lieber kein Plugin verwenden, sondern manuell machen, dann springen Sie direkt zu Punkt 4.

2. Domains zum Prefetch hinzufügen

Nach der Installation und Aktivierung des Perfmatters-Plugins. Gehen Sie zu den Plugin-Einstellungen und klicken Sie auf den zusätzlichen Tap. Dort können Sie Domains zum Prefetch hinzufügen.

Sie sollten nur eine Domäne pro Zeile nach dem folgenden Muster hinzufügen:

//fonts.googleapis.com //www.google-analytics.com //cdnjs.cloudflare.com //www.googletagmanager.com

Gehen Sie für WP Rocket zur Registerkarte Preload und scrollen Sie nach unten zu Prefetch DNS Requests. Dort können Sie die URLs eingeben, die das gleiche Muster wie oben vorab abrufen möchten.

3. Änderungen speichern.

Stellen Sie sicher, dass Sie die Änderungen speichern. Das ist alles.

4. Fügen Sie das DNS-Prefetching in WordPress manuell hinzu.

Wenn Sie DNS-Prefetching in WordPress manuell und ohne Plugin hinzufügen möchten, müssen Sie die functions.php Ihres Themes bearbeiten.

Fügen Sie einfach den folgenden Code zu Ihrer functions.php hinzu. Im Beispiel unten habe ich Google Analytics, Google Tag Manager und Google Fonts als Anleitung hinzugefügt. Sie können es bearbeiten und auch weitere hinzufügen.

//* DNS Prefetching
function dns_prefetch() {
    echo '<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="https://www.google-analytics.com" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
}
add_action('wp_head', 'dns_prefetch', 0);

Fügen Sie einfach eine neue Zeile hinzu, die wie folgt aussieht:

<link rel="dns-prefetch" href="https://DOMAIN.com" />

Fazit

DNS-Prefetching kann Ihre Website beschleunigen, insbesondere die mobile Version. Sie sollten einen Unterschied bemerken, insbesondere wenn Sie auf viele externe Ressourcen angewiesen sind.

Bedenken Sie, dass die Geschwindigkeit Ihrer Website zwar durch diese Maßnahmen erhöht werden kann, die wichtigsten Faktoren für die tatsächliche Ladezeit jedoch das verwendete WordPress-Hosting und das Theme sind. Ich empfehle Cloudways für WordPress-Hosting. In meinem Cloudways-Testbericht finden Sie die Gründe dafür. Sollte Cloudways für Sie zu umfangreich sein, eignen sich Hostinger und Bluehost gut für kleinere Websites.

Ich empfehle außerdem GeneratePress als Theme. Die Gründe dafür finden Sie in meiner GeneratePress-Rezension.