Wie können Sie sicherstellen, dass Ihre Besucher Ihre Links sofort sehen? Sie benötigen eine Technologie namens Link-Loading. Diese lädt Ihre Links automatisch vor, sodass Ihre Besucher den Inhalt direkt nach dem Anklicken sehen können. Dieser Beitrag erklärt, wie Sie vorgeladene Links in WordPress-Blogs hinzufügen.
Ziel 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 dann bereits geladen vor, wenn er darauf klickt. Wenn ein Besucher alles schnell auf Ihrer Website findet, bleibt er wahrscheinlich länger darauf. Dadurch erzielen Sie erhebliche Vorteile in Bezug auf Ihre Suchmaschinenoptimierung (SEO).
Wenn Ihre internen Seiten vorgeladen werden, verweilen Besucher aufgrund der höheren Ladegeschwindigkeit länger auf Ihrer Website und sehen sich mehr Seiten an. Daher können Sie Ihre WordPress-SEO , indem Sie die Ladegeschwindigkeit Ihrer Website erhöhen.
Es gibt viele Möglichkeiten, die Geschwindigkeit Ihrer WordPress-Website zu verbessern, aber das Vorladen von Links ist eine der einfachsten und kann einen großen Beitrag zur Geschwindigkeit Ihrer Website leisten.
Wenn Sie das Vorladen jedoch korrekt einrichten möchten, müssen Sie einige häufige Fehler . Beispielsweise kann eine zu aggressive Konfiguration, bei der alle internen Links vorgeladen werden, den gegenteiligen Effekt haben und sogar zum Absturz Ihres Servers führen.
So laden Sie Links in WordPress vor: Mithilfe 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“ aus. Überprüfen Sie die Plugin-Konfiguration unter dem Reiter „Einstellungen“ und nehmen Sie gegebenenfalls Änderungen vor.
Die erste Option, die Ihnen angezeigt wird, ist „Verzögerung beim Start des Vorladens“. Standardmäßig ist dieser Wert auf 0 gesetzt. Sie können ihn zwar ändern, wir empfehlen jedoch, ihn beizubehalten. Eine Erhöhung des Wertes führt zu einer Verzögerung beim Start des Prozesses.
Daher müssen Sie die maximale Anzahl an Anfragen pro Sekunde festlegen, da eine niedrigere Zahl die Serverlast verringert. Der Standardwert ist ausreichend, solange Sie keine umfangreiche Website mit vielen gleichzeitigen Besuchern betreiben.
Sie können die übrigen Einstellungen beibehalten oder Ihren Bedürfnissen entsprechend anpassen. Vergessen Sie nicht, am Ende des Vorgangs auf „Änderungen speichern“ zu klicken, um Ihre Änderungen zu speichern.
So laden Sie wichtige Anfragen vor : Schriftarten, JavaScript und CSS
Das Vorladen von Ressourcen ist eine Technik zur Verbesserung der Webseiten-Performance. Durch das Vorladen wichtiger Anfragen stellen Sie sicher, dass die benötigten Ressourcen verfügbar sind, wenn der Nutzer sie benötigt. CSS, JS und Schriftarten sind Beispiele für Ressourcen, die vorgeladen werden können. Für CSS verwenden Sie die `@font-face`-Regel. Für JavaScript können Sie die Bibliothek `PreloadJS` nutzen. Und für Schriftarten eignen sich Font Awesome oder Google Fonts.
man CSS vorlädt
Hier ist die Syntax zum Vorladen wichtiger CSS-Dateien:
<link rel=”preload” href=”style.css” as=”style”>
JS vorladen
Dies ist eine Syntax zum Vorladen wichtiger Anforderungen von JavaScript-Dateien:
<link rel=”preload” href=”main.js” as=”script”>
Schriftarten vorladen
Die Syntax zum Vorladen von Schlüsselanforderungen für Schriftartdateien sieht folgendermaßen aus:
<link rel=”preload” href=”font.woff2″ as=”font” type=”font/woff2″ crossorigin>
Google Fonts
Nachfolgend die 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 die Syntax zum Vorladen wichtiger Anfragen 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 von Google PageSpeed Insights bezüglich der Vorlade-Schlüsselanforderungen auffallen werden.
Die oben genannten Methoden können helfen, die Warnung von Google PageSpeed Insights bezüglich der Vorlade-Schlüsselanforderungen zu beheben. Sie können diese Methoden auf jede beliebige 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>
Vorladen von Schlüsselanfragen mithilfe von WordPress-Plugins
Sie können Schlüsselanfragen in WordPress vorladen, indem Sie WordPress-Plugins wie Pre* Party Resource Hints , Autoptimize, WP Rocket und Asset CleanUp etc. verwenden. Diese Plugins dabei, die WordPress-Warnung bezüglich vorgeladener Schlüsselanfragen zu beheben.
Hier sind die beliebtesten Plugins mit der Funktion zum Vorladen von Schlüsselanforderungen.
Tipps zur Vorbereitung der Party
Pre* Party Resource Hints ist eines der besten Plugins, das Ihnen zahlreiche Steuerungsmöglichkeiten bietet und die Option, wichtige Ressourcen hinzuzufügen, die Sie visuell vorab laden möchten.
Installieren und aktivieren Sie dieses Plugin auf Ihrer WordPress-Website und rufen Sie anschließend im WordPress-Dashboard das Menü „Pre* Party“ auf. Dort finden Sie den folgenden Bildschirm.
Im Plugin-Einstellungsmenü unter dem Tab „Hinweise einfügen“ finden Sie das Feld „Neuen Ressourcenhinweis hinzufügen“. Um eine Ressource vorzuladen, rufen Sie den PageSpeed Insights-Bericht auf und suchen Sie nach der Warnung bezüglich der Vorladeanforderungen.
WP Rocket
Das Vorladen von Schlüsselanfragen ist eine hervorragende Methode, die Performance Ihrer WordPress-Website zu verbessern. WP Rocket ist ein beliebtes Plugin, das Ihnen dabei helfen kann. Es ist benutzerfreundlich und bietet zahlreiche Funktionen zur Optimierung der Website-Performance.
Gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen > WP Rocket > Vorladen, um mithilfe des WP Rocket-Plugins wichtige Anfragen in WordPress vorzuladen. Scrollen Sie anschließend bis zum Ende der Seite, wo Sie den Abschnitt „Schriftarten vorladen“ finden.
Autoptimize
Wenn Sie die Performance 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 außerdem HTML-Code und speichert Ihre Seiten im Cache, sodass diese 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 > Extras , um wichtige Anfragen mit Autoptimize vorzuladen. Geben Sie dazu einfach die Links ein, die Sie in der Warnung zu den vorzuladenden wichtigen Anfragen in PageSpeed Insights gefunden haben. Trennen Sie mehrere Links durch Kommas.
Performance ist wichtig
Dieses Premium-Plugin bietet Optionen für Vorladen, Vorverbinden und Vorabrufen. Sie können diese unter 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 .
