Wie können Sie sicherstellen, dass Ihre Besucher Ihre Links sofort laden können? Sie brauchen eine Technologie namens Link Loading. Sie lädt Ihre Links automatisch vor, so dass Ihre Besucher den Inhalt sehen können, sobald sie auf sie klicken. In diesem Beitrag finden Sie eine Anleitung, wie Sie WordPress-Blogs mit Preload-Links ausstatten können.
Der Zweck dieses Beitrags ist es, eine detaillierte Erklärung zu geben, wie man Links in WordPress vorlädt.
Warum Links in WordPress vorladen?
Es ist möglich, den Browser so einzustellen, dass er den Link im Hintergrund vorlädt, um die Ladezeiten zu verkürzen. Der Besucher findet den Link bereits geladen vor, wenn er auf den Link klickt. Wenn ein Besucher alles schnell auf Ihrer Website findet, wird er wahrscheinlich auf ihr bleiben. Dadurch erhalten Sie erhebliche Vorteile in Bezug auf die Suchmaschinenoptimierung.
Wenn Ihre internen Seiten vorgeladen sind, ist es wahrscheinlicher, dass die Besucher länger auf Ihrer Website bleiben und mehr Seiten ansehen, weil Ihre Website schneller ist. Daher können Sie Ihre WordPress-SEO verbessern, indem Sie die Geschwindigkeit Ihrer Website erhöhen.
Es gibt viele Dinge, die Sie tun können, um Ihre WordPress-Website schneller zu machen. Das Vorladen von Links ist eines der einfachsten Dinge, die Sie tun können, und es kann eine große Hilfe für die Geschwindigkeit Ihrer Website sein.
Wenn Sie das Vorladen jedoch richtig einrichten wollen, müssen Sie sicherstellen, dass Sie einige häufige Fehler vermeiden. Wenn Sie zum Beispiel zu aggressive Einstellungen vornehmen und alle internen Links vorladen, könnte dies den gegenteiligen Effekt haben und sogar zum Absturz Ihres Servers führen.
Wie man Links in WordPress vorlädt: Flying Pages Plugin verwenden
Als Erstes müssen Sie das Plugin Flying Pages herunterladen und in Ihrem WordPress-Dashboard installieren.
Navigieren Sie nun in Ihrem WordPress-Dashboard zu Einstellungen -> Flying Pages und wählen Sie die Option Flying Pages. Bitte überprüfen Sie die Plugin-Konfiguration auf der Registerkarte Einstellungen und nehmen Sie gegebenenfalls Änderungen vor.
Die erste Option, die Ihnen angezeigt wird, ist "Verzögerung bis zum Beginn des Vorladens". Standardmäßig hat diese Option den Wert 0, aber Sie haben die Möglichkeit, ihn zu ändern, aber wir empfehlen, ihn unverändert zu lassen. Wenn Sie die Zahl erhöhen, verzögert sich der Start des Prozesses.
Daher müssen Sie die maximale Anzahl der Anfragen pro Sekunde wählen, denn je niedriger die Zahl ist, desto weniger Auswirkungen hat dies auf Ihren Server. Der Standardwert ist akzeptabel, solange Sie keine umfangreiche Website mit einer großen Anzahl von Besuchern auf einmal haben.
Es bleibt Ihnen überlassen, ob Sie die anderen Einstellungen beibehalten oder nach Ihren Wünschen ändern. Vergessen Sie nicht, am Ende des Prozesses auf die Schaltfläche Änderungen speichern zu klicken, damit Ihre Änderungen gespeichert werden.
Wie man Schlüsselanforderungen vorlädt: Schriftarten, JS und CSS
Das Vorladen von Ressourcen ist eine Technik, mit der Sie die Leistung Ihrer Webseite verbessern können. Durch das Vorladen wichtiger Anforderungen können Sie sicherstellen, dass die erforderlichen Ressourcen verfügbar sind, wenn der Benutzer sie benötigt. CSS, JS und Schriftarten sind alles Beispiele für Ressourcen, die vorgeladen werden können. Um CSS vorzuladen, können Sie die @font-face-Regel verwenden. Für JavaScript können Sie die PreloadJS-Bibliothek verwenden. Und für Schriftarten können Sie Font Awesome oder Google Fonts verwenden.
Wie manCSSvorlädt
Hier ist eine Syntax zum Vorladen von Schlüsselanforderungen von CSS-Dateien:
<link rel=”preload” href=”style.css” as=”style”>
JS vorladen
Dies ist eine Syntax zum Vorladen von Schlüsselanforderungen von JavaScript-Dateien:
<link rel=”preload” href=”main.js” as=”script”>
Schriftarten vorladen
Die Syntax zum Vorladen von Schlüsselanforderungen für Schriftartendateien sieht folgendermaßen aus:
<link rel=”preload” href=”font.woff2″ as=”font” type=”font/woff2″ crossorigin>
Google-Schriftarten
Nachfolgend finden Sie eine Syntax zum Vorladen von Schlüsselanforderungen der Google-Schriftart:
<link rel=”preload” href=”https://fonts.googleapis.com/css2?family=Roboto&display=swap” as=”style” crossorigin>
Font Awesome
Dies ist eine Syntax zum Vorladen von Schlüsselanforderungen von Font Awesome:
<link rel=”preload” href=”/wp-content/theme/fonts/fontawesome-Webfont.woff2” as=”font” crossorigin>
Dies sind die häufigsten Dateitypen, die Sie in der Warnung von Google PageSpeed Insights vor dem Laden von Schlüsselanforderungen finden .
Die oben genannten Methoden können helfen, die Warnung von Google PageSpeed Insights vor dem Laden von Schlüsselanfragen zu beheben. Sie können diese Methoden auf jede Website anwenden.
Zusammenfassung: Schriftarten vorladen
<link rel=’preload’ href=’/image.png’ as=’image’>
<link rel=’preload’ href=’/style.css’ as=’style’>
<link rel=’preload’ href=’/script.js’ as=’script’>
<link rel=’preload’ href=’/font.woff2′ as=’font’ crossorigin>
Schlüsselanfragen mit WordPress-Plugins vorladen
Sie können Schlüsselanforderungen in WordPress vorladen, indem Sie WordPress-Plugins wie Pre* Party Resource Hints, Autoptimize, WP Rocket und Asset CleanUp usw. verwenden. Diese Plugins helfen bei der Behebung der WordPress-Warnung "Preload Key Requests".
Hier sind die beliebtesten Plugins mit der Funktion zum Vorladen von Schlüsselanfragen.
Hinweise zur Vorbereitung auf die* Party
Pre* Party Resource Hints ist eines der besten Plugins, das Ihnen zahlreiche Kontrollmöglichkeiten und die Möglichkeit bietet, kritische Ressourcen, die Sie visuell vorladen möchten, hinzuzufügen.
Installieren und aktivieren Sie dieses Plugin auf Ihrer WordPress-Website und gehen Sie dann von Ihrem WordPress-Dashboard aus zum Menü Pre* Party. Dort finden Sie den folgenden Bildschirm.
In den Plugin-Einstellungen auf der Registerkarte Hinweise einfügen finden Sie das Feld Neuen Ressourcenhinweis hinzufügen. Um ein Asset vorzuladen, gehen Sie zum PageSpeed Insights-Bericht, um die Warnung "Preload Key Requests" zu finden.
WP Rakete
Das Vorladen von Schlüsselanfragen ist eine gute Möglichkeit, die Leistung Ihrer WordPress-Website zu verbessern. WP Rocket ist ein beliebtes Plugin, das Ihnen dabei helfen kann. Es ist einfach zu bedienen und hat viele Funktionen, die Ihnen helfen können, die Leistung Ihrer Website zu verbessern.
Gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen > WP Rocket > Vorladen, um mit dem WP Rocket-Plugin wichtige Anforderungen in WordPress vorzuladen. Scrollen Sie dann zum unteren Ende der Seite, wo Sie den Abschnitt Preload Fonts sehen.
Autoptimieren
Wenn Sie die Leistung Ihrer WordPress-Website verbessern möchten, sollten Sie als Erstes das Autoptimize-Plugin installieren. Autoptimize beschleunigt Ihre Website durch die Optimierung Ihrer CSS- und JavaScript-Dateien. Es minimiert auch HTML und speichert Ihre Seiten im Zwischenspeicher, damit sie für wiederkehrende Besucher schneller geladen werden. Eine der beliebtesten Funktionen ist die Option zum Vorladen von Schlüsselanfragen für WordPress-Websites.
Gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen > Autoptimize > Extra to preload key requests using Autoptimiz. Alles, was Sie tun müssen, ist, die Links in das Feld einzugeben, die Sie von der Warnung vor dem Laden von Schlüsselanfragen in PageSpeed Insights erhalten haben. Achten Sie darauf, dass Sie mehrere Links mit Kommas trennen.
Perfmatters
Dieses Premium-Plugin bietet die Optionen Preload, Preconnect und Prefetch. Sie können diese in den Perfmatters-Einstellungen→Extras→Preloading überprüfen.
Das Vorladen von Links und Anfragen auf Ihrer Website wurde nun erfolgreich aktiviert.
Weitere Artikel wie diesen finden Sie bei Seahawk Media.
