Wie verwende ich Prefetch und DNS-Prefetch in WordPress?
So verwenden Sie Prefetch und DNS-Prefetch in WordPress
Schritt 1:Was sind Prefetch und DNS-Prefetch und warum werden sie verwendet?
Vorabholen und DNS-Prefetch sind zwei Techniken zur Verbesserung der Leistung einer Website. Hier ist, was jeder tut:
- Vorabruf: Das Prefetch-Attribut teilt dem Browser mit, dass in naher Zukunft eine Ressource (z. B. ein Bild, eine CSS-Datei oder ein Skript) benötigt wird. Der Browser beginnt dann im Hintergrund mit dem Herunterladen dieser Ressource, bevor sie tatsächlich angefordert wird. Dies kann das Laden der Seite beschleunigen, da die Ressourcen bei Bedarf bereitstehen.
- DNS-Prefetch: Das DNS-Prefetch-Attribut weist den Browser an, die DNS-Adresse einer Ressource im Hintergrund aufzulösen, bevor sie tatsächlich verwendet wird. Dies kann auch die Leistung einer Website verbessern, da der Browser nicht mehr auf die DNS-Suche warten muss, wenn er die Ressource tatsächlich anfordert.
Mit anderen Worten:Die Verwendung dieser Attribute ist so, als ob Sie Ihren Browser darüber informieren, welche Dinge er in Zukunft laden muss. Dies kann dazu beitragen, dass sich Ihre Website schneller anfühlt.
Die Verwendung von Prefetch und DNS-Prefetch ist eine recht einfache Aufgabe, erfordert jedoch ein wenig Programmierkenntnisse. In diesem Sinne fangen wir an!
Schritt 2:So verwenden Sie Prefetch und DNS-Prefetch
Die Grundidee hinter der Verwendung von Prefetch und DNS-Prefetch besteht darin, die entsprechenden HTML-Attribute zum ` hinzuzufügen `- und `
...
...
„
Im obigen Beispiel haben wir sowohl Prefetch- als auch DNS-Prefetch-Attribute verwendet, um dem Browser Hinweise auf die Ressourcen zu geben, die er in Zukunft benötigen wird. Sie können diese Attribute für alle Ressourcen verwenden, deren Laden Ihrer Meinung nach eine Weile dauern könnte, z. B. große Bilder, CSS-Dateien oder JavaScript-Dateien.
Schritt 3:Testen und überwachen
Nachdem Sie Ihrem Theme die Prefetch- und DNS-Prefetch-Attribute hinzugefügt haben, sollten Sie Ihre Website testen, um sicherzustellen, dass sie ordnungsgemäß funktioniert. Sie können ein Tool wie Pingdom oder GTmetrix verwenden, um die Leistung Ihrer Website zu testen. Sie können auch die Entwicklertools des Browsers verwenden, um die Netzwerkanforderungen anzuzeigen und zu sehen, ob die Ressourcen vorab abgerufen und über DNS vorab abgerufen werden.
Es ist wichtig, die Leistung Ihrer Website regelmäßig zu überwachen, um sicherzustellen, dass sie weiterhin gut funktioniert. Sie können dies tun, indem Sie die oben genannten Tools verwenden oder einfach die Ladezeit Ihrer Website im Auge behalten.
Schlussfolgerung
Die Verwendung von Prefetch und DNS-Prefetch kann eine einfache und effektive Möglichkeit sein, die Leistung Ihrer WordPress-Website zu verbessern. Indem Sie Ihren Browser darüber informieren, welche Ressourcen er in Zukunft benötigen wird, können Sie dazu beitragen, das Laden Ihrer Seiten zu beschleunigen und dafür zu sorgen, dass sich Ihre Website schneller anfühlt.
