Wie können Sie sicherstellen, dass Ihre Besucher Ihre Links sofort laden können? Sie benötigen eine Technologie namens Linkloading. Es lädt Ihre Links automatisch vor, sodass Ihr Besucher den Inhalt sehen kann, sobald er darauf klickt. Der Zweck dieses Beitrags besteht darin, Anweisungen zum Hinzufügen von Preload-Links zu WordPress-Blogs bereitzustellen.
Der Zweck dieses Beitrags besteht darin, eine detaillierte Erklärung zum Vorladen von Links in WordPress bereitzustellen.
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 schnell alles auf Ihrer Website findet, bleibt er wahrscheinlich auch dort. Dadurch ergeben sich für Sie erhebliche SEO-Vorteile.
Wenn Ihre internen Seiten vorab geladen sind, ist die Wahrscheinlichkeit höher, dass Besucher länger auf Ihrer Website bleiben und mehr Seiten aufrufen, da Ihre Website schneller ist. Daher können Sie Ihre WordPress-SEO , indem Sie die Geschwindigkeit Ihrer Website erhöhen.
Obwohl es viele Dinge gibt, die Sie tun können, um Ihre WordPress-Website schneller zu machen, ist das Vorladen von Links 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 möchten, müssen Sie sicherstellen, dass einige häufige Fehler . Zu aggressive Einstellungen und das Vorabladen aller internen Links könnten beispielsweise den gegenteiligen Effekt haben und sogar zum Absturz Ihres Servers führen.
So laden Sie Links in WordPress vor: Verwenden des Flying Pages-Plugins
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 ggf. Änderungen vor.
Die erste Option, die Ihnen angezeigt wird, ist „Verzögerung beim Start des Vorladens“. Standardmäßig hat diese Option den Wert 0, Sie haben jedoch die Möglichkeit, ihn zu ändern. Wir empfehlen jedoch, ihn so beizubehalten. Eine Erhöhung der Anzahl führt zu einer Verzögerung beim Start des Prozesses, wenn Sie ihn vergrößern.
Daher müssen Sie die maximale Anzahl von Anfragen pro Sekunde wählen, denn je niedriger die Zahl, desto weniger Auswirkungen hat dies auf Ihren Server. Der Standardwert ist akzeptabel, solange Sie keine umfangreiche Website mit einer großen Anzahl von Besuchern gleichzeitig haben.
Es bleibt Ihnen überlassen, ob Sie die übrigen Einstellungen unverändert lassen oder sie Ihren Anforderungen entsprechend ändern. Vergessen Sie nicht, am Ende des Vorgangs auf die Schaltfläche „Änderungen speichern“ zu klicken, damit Ihre Änderungen gespeichert werden.
So laden Sie Schlüsselanfragen vor : Schriftarten, JS und CSS
Das Vorabladen von Ressourcen ist eine Technik, mit der Sie die Leistung Ihrer Webseite verbessern können. Durch das Vorabladen von Schlüsselanforderungen können Sie sicherstellen, dass die erforderlichen Ressourcen verfügbar sind, wenn der Benutzer sie benötigt. CSS, JS und Schriftarten sind Beispiele für Ressourcen, die vorab geladen werden können. Um CSS vorab zu laden, 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.
So laden Sie ein CSS
Hier ist eine Syntax zum Vorabladen von Schlüsselanforderungen von CSS-Dateien:
<link rel=”preload” href=”style.css” as=”style”>
Laden Sie JS vor
Dies ist eine Syntax zum Vorabladen von Schlüsselanforderungen von JavaScript-Dateien:
<link rel=”preload” href=”main.js” as=”script”>
Schriftarten vorab laden
Die Syntax zum Vorabladen von Schlüsselanforderungen für Schriftartdateien sieht folgendermaßen aus:
<link rel=”preload” href=”font.woff2″ as=”font” type=”font/woff2″ crossorigin>
Google-Schriftarten
Nachfolgend finden Sie eine Syntax zum Vorabladen wichtiger Anforderungen der Google-Schriftart:
<link rel=”preload” href=”https://fonts.googleapis.com/css2?family=Roboto&display=swap” as=”style” crossorigin>
Schriftart Super
Dies ist eine Syntax zum Vorabladen wichtiger Anforderungen von Font Awesome:
<link rel=”preload” href=”/wp-content/theme/fonts/fontawesome-Webfont.woff2” as=”font” crossorigin>
Dies sind die häufigsten Dateitypen, die Ihnen in der Warnung zu Schlüsselanforderungen vor dem Laden von Google PageSpeed Insights auffallen.
Die oben genannten Methoden können dabei helfen, die Warnung zu Vorladeschlüsselanforderungen von Google PageSpeed Insights zu beheben. Sie können diese Methoden auf jede Website anwenden.
Zusammenfassung: Schriftarten vorab laden
<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>
Laden Sie Schlüsselanfragen mithilfe von WordPress-Plugins vorab
Sie können Schlüsselanforderungen in WordPress vorab laden, indem Sie WordPress-Plugins zum Vorladen von Schlüsselanforderungen wie Pre* Party Resource Hints , Autoptimize, WP Rocket und Asset CleanUp usw. verwenden. Diese Plugins helfen dabei, die WordPress-Warnung für vorab ladende Schlüsselanforderungen zu beheben.
Hier sind die beliebtesten Plugins mit der Funktion zum Vorladen von Schlüsselanforderungen.
Ressourcenhinweise für die Party vor der Party
Pre* Party Resource Hints ist eines der besten Plugins, das Ihnen zahlreiche Steuerelemente und die Möglichkeit bietet, wichtige Ressourcen hinzuzufügen, die Sie visuell vorinstallieren möchten.
Installieren und aktivieren Sie dieses Plugin auf Ihrer WordPress-Site und gehen Sie dann in Ihrem WordPress-Dashboard zum Menü „Pre* Party“. Dort finden Sie den folgenden Bildschirm.
In den Plugin-Einstellungen auf der Registerkarte „Hinweise einfügen“ wird das Feld „Neuen Ressourcenhinweis hinzufügen“ angezeigt. Um ein Asset vorab zu laden, rufen Sie den PageSpeed Insights-Bericht auf, um die Warnung „Vorladeschlüsselanforderungen“ zu finden.
WP Rocket
Das Vorabladen von Schlüsselanforderungen ist eine großartige Möglichkeit, die Leistung Ihrer WordPress-Site zu verbessern. WP Rocket ist ein beliebtes Plugin, das Ihnen dabei helfen kann. Es ist einfach zu bedienen und verfügt über 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 wichtige Anfragen in WordPress mithilfe des WP Rocket-Plugins vorab zu laden. Scrollen Sie dann nach unten zum Ende der Seite, wo Sie den Abschnitt „Schriftarten vorladen“ sehen.
Automatisch optimieren
Wenn Sie die Leistung Ihrer WordPress-Site verbessern möchten, sollten Sie als Erstes das Autoptimize-Plugin installieren. Autoptimize beschleunigt Ihre Website durch die Optimierung Ihrer CSS- und JavaScript-Dateien. Außerdem wird der HTML-Code minimiert und Ihre Seiten zwischengespeichert, sodass sie für wiederkehrende Besucher schneller geladen werden. Eine der beliebtesten Funktionen ist die Option zum Vorladen von Schlüsselanforderungen für WordPress-Sites.
Gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen > Autoptimize > Extra, um Schlüsselanfragen mit Autoptimiz vorab zu laden. Alles, was Sie tun müssen, ist, die Links in das Feld einzugeben, die Sie in der Warnung „Vorladeschlüsselanforderungen“ in PageSpeed Insights erhalten haben. Stellen Sie sicher, dass Sie mehrere Links durch Kommas trennen.
Perfmatters
Dieses Premium-Plugin bietet Preload-, Preconnect- und Prefetch-Optionen. Sie können diese in den Perfmatters-Einstellungen→Extras→Vorladen überprüfen.
Das Vorladen von Links und Anfragen auf Ihrer Website wurde nun erfolgreich aktiviert.
Weitere Artikel wie diesen finden Sie bei Seahawk Media .
