So richten Sie das DNS-Prefetching in WordPress ein

DNS-Prefetching kann dazu führen, dass WordPress-Sites schneller geladen werden. Bei einer Website, die auf externe Ressourcen wie Google Analytics, Google Fonts und mehr angewiesen ist, können bis zu 500 ms eingespart werden.

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 mit Hilfe eines Plugins oder manuell DNS-Prefetching in WordPress hinzufügen. Dies kann helfen, WordPress-Site wird schnell geladen.

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.

DNS-Prefetching-Browser

Wenn Sie über viele externe Ressourcen verfügen, auf die Sie angewiesen sind, DNS-Prefetch kann Ihre Ladezeit verbessern. Für eine typische WordPress-Site, die Google-Schriftarten, Google Analytics usw. verwendet, kann DNS-Prefetch bis zu 500 ms Ladezeit sparen.

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, um damit umzugehen, ist Perfmatters. Es ist ein Premium-Plugin mit vielen erstaunlichen Funktionen, um eine WordPress-Website zu beschleunigen. Eine weitere Alternative ist WP Rocket.

Für Perfmatters musst du Laden Sie das Plugin von ihrer Website herunter. Installieren und aktivieren Sie es 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
DNS-Prefetch-Perfmatters

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 es vorziehen, DNS-Prefetching in WordPress manuell ohne Plugin hinzuzufügen, müssen Sie die Ihres Themes bearbeiten functions.php.

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.

Denken Sie daran, dass dies zwar Ihre Website beschleunigen kann, das von Ihnen verwendete WordPress-Hosting und das Theme jedoch der wichtigste Faktor dafür sind, wie schnell Ihre Website ist. ich empfehle Cloudways für WordPress-Hosting und Sie können mein sehen Cloudways Bewertung auf Grund. Wenn Cloudways zu viel für dich ist, dann Hostinger und Bluehost funktioniert gut für kleine Websites.

Empfehle ich auch GeneratePress für thema und du kannst mein sehen Pressespiegel generieren auf Grund

Mfon Abel Ekene

Mfon Abel Ekene

Es macht mir Spaß, Inhalte zu erstellen, die hilfreich sind. Meine Leidenschaft ist es, der Internetbevölkerung zu helfen, das zu finden, was sie brauchen, indem ich sie in die richtige Richtung weise. Es ist das, was ich liebe, und ich habe viele Stunden der Recherche und des Testens investiert, um sicherzustellen, dass ich mit meinen Inhalten auf TargetTrend genau das tue.

Artikel: 50

Erhalten Sie Technikfreaks

Tech-Trends, Startup-Trends, Rezensionen, Online-Einkommen, Web-Tools und Marketing ein- oder zweimal monatlich

Hinterlasse uns einen Kommentar

E-Mail-Adresse wird nicht veröffentlicht.