Links in WordPress vorladen für schnellere Ladezeiten

Bei WPBeginner haben wir jahrelang daran gearbeitet, die Geschwindigkeit von Websites zu meistern. Nachdem wir jede wichtige Optimierung erforscht hatten, begannen wir mit einer Technik, die sofortige Verbesserungen brachte: Link-Preloading.

Wenn Sie schon bei der geringsten Verzögerung beim Laden von Seiten frustriert sind, wissen Sie, wie sehr dies die Benutzererfahrung beeinträchtigen kann. Link-Preloading ist eine clevere Browserfunktion, die die nächste Seite vorbereitet, bevor Ihr Besucher überhaupt auf den Link klickt.

Das Ergebnis ist eine Website, die sich unglaublich schnell und fast augenblicklich anfühlt. Es ist eine überraschend einfache Möglichkeit, Ihrer Website einen spürbaren Leistungsschub zu verleihen, den Besucher lieben werden.

In dieser Anleitung führen wir Sie durch die richtige Einrichtung. Fangen wir an.

Was ist Link-Vorabladung in WordPress?

Link-Vorabladung bedeutet, dass Ihr Webbrowser den Link im Hintergrund lädt, bevor der Benutzer darauf klickt, wodurch Seiten schneller geladen werden, wenn er sie besucht.

Es ist, als würde die Küche anfangen, Ihr Essen zu kochen, bevor Sie im Restaurant ankommen!

Technisch gesehen ist Link-Preloading, wenn der Webbrowser eines Besuchers die verlinkte Seite im Hintergrund intelligent lädt, bevor er tatsächlich auf den Link klickt. Wenn er dann klickt, scheint die Seite sofort zu laden. Es geht darum, Ihre Website super schnell und reaktionsschnell wirken zu lassen.

Nun, warum sollte man sich das alles antun? Nun, eine schnellere Website ist unserer Erfahrung nach eine glücklichere Website. Zunächst einmal lieben Google und andere Suchmaschinen schnelle Websites. Das ist ein großer Vorteil für SEO. Eine schnellere Website bringt potenziell mehr Traffic auf Ihren Blog.

Außerdem, und vielleicht sogar noch wichtiger, macht es Ihre Besucher glücklicher. Niemand wartet gerne darauf, dass Seiten geladen werden, oder? Eine reibungslose, schnelle Website fühlt sich einfach besser an.

Sie können viele Dinge tun, um die Geschwindigkeit und Leistung Ihres WordPress zu verbessern. Dazu gehört die Verwendung eines Performance-Plugins oder eines CDN.

Zum Beispiel kann ein leistungsstarkes Caching-Plugin wie WP Rocket einen großen Unterschied machen. Link-Preloading ist jedoch eine einzigartige Technik, die sich durch ihre Einfachheit auszeichnet.

Das Einzige ist, dass es unerlässlich ist, das Preloading korrekt zu konfigurieren, um Serverprobleme zu vermeiden. Ein übermäßig aggressives Preloading aller internen Links könnte beispielsweise zu Serverabstürzen führen.

Nichtsdestotrotz zeigen wir Ihnen Schritt für Schritt, wie Sie Links in WordPress richtig vorladen. 

So laden Sie WordPress-Links vor und machen Ihre Website schneller

Der einfachste Weg, Links vorzuladen, ist die Verwendung des Plugins Flying Pages. Es fügt einfach intelligentes Preloading hinzu, um sicherzustellen, dass das Preloading Ihre Website nicht zum Absturz bringt oder verlangsamt.

Wenn es solche Probleme erkennt, stoppt das Plugin das gesamte Preloading. 

Das Erste, was Sie tun müssen, ist, das Plugin zu installieren und zu aktivieren. Weitere Details finden Sie in unserem Leitfaden zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie zu Einstellungen » Flying Pages in Ihrem WordPress-Admin-Panel navigieren, um die Plugin-Einstellungen zu konfigurieren.

Dann müssen Sie die Zeit für „Verzögerung bis zum Start des Vorabladens“ im Dropdown-Menü festlegen. Diese Einstellung bestimmt, wie lange das Plugin wartet, bevor es Links vorab abruft.

Es wartet auf einen Moment, in dem der Browser im Leerlauf ist (d. h. er ist nicht damit beschäftigt, die aktuelle Seite zu laden), um eine Verlangsamung zu vermeiden. Für die meisten Websites funktioniert die Standardeinstellung von „0 Sekunden“, die mit dem Vorabrufen beginnt, sobald der Browser frei ist, perfekt.

Als Nächstes können Sie die 'Max. Anfragen pro Sekunde' ändern. Je niedriger Sie diese Zahl einstellen, desto geringer ist die Auswirkung auf Ihren Server. 

Wir behalten die Standardeinstellung von '3 Anfragen', die für die meisten WordPress-Hosting-Umgebungen funktionieren sollte.

Danach können Sie das Kontrollkästchen „Nur beim Überfahren mit der Maus vorladen“ aktivieren. Dies lädt Links nur vor, wenn ein Benutzer mit der Maus darüber fährt, und lädt die Seite vor, kurz bevor er darauf klickt.

Dies lässt die nächste Seite sofort zu laden scheinen. Im Durchschnitt gibt es eine Verzögerung von etwa 400 Millisekunden (ms) zwischen dem Moment, in dem ein Benutzer mit der Maus über einen Link fährt, und dem tatsächlichen Klicken darauf. Dieses kurze Zeitfenster gibt dem Browser einen Vorsprung beim Abrufen der nächsten Seite.

Sie können auch die 'Maus-Hover-Verzögerung' einstellen. Dies ist die Zeit, die vergeht, nachdem ein Benutzer mit der Maus über einen Link fährt, bevor das Preloading beginnt. 

Darunter befindet sich eine Liste von Schlüsselwörtern, die das Plugin für das Preloading ignorieren wird.

Dies sind Standard-Login-Seiten und Bilddateien. Sie können die Liste so belassen, wie sie ist, oder weitere Schlüsselwörter hinzufügen, wenn Sie möchten.

Wenn Sie einen Online-Shop betreiben, möchten Sie möglicherweise Seiten wie /cart und andere dynamische Seiten in diese Liste aufnehmen, damit sie nicht vorab geladen werden.

Ähnlich verhält es sich, wenn Sie ein Affiliate-Marketing-Plugin wie ThirstyAffiliates oder PrettyLinks verwenden. Dann ist es wichtig, Ihr Affiliate-Präfix wie /refer/ oder /go/ zu dieser Liste von zu ignorierenden Schlüsselwörtern hinzuzufügen. Andernfalls kann die Nachverfolgung von Affiliate-Links beeinträchtigt werden.

Die letzte Option ist, das Vorladen für Administratoren zu deaktivieren.

Insgesamt wird dies dazu beitragen, die Serverlast Ihrer Website zu reduzieren. Wenn Sie nur für Website-Besucher vorladen möchten, die keine eingeloggten Administratoren sind, dann aktivieren Sie einfach das Kontrollkästchen.

Wenn Sie fertig sind, klicken Sie unten auf der Seite auf die Schaltfläche „Änderungen speichern“.

Das war's! Sie haben das Link-Preloading erfolgreich auf Ihrer Website aktiviert.

Häufig gestellte Fragen zum Vorladen von Links

Hier sind einige der häufigsten Fragen, die uns zum Vorladen von Links in WordPress gestellt werden, und wie es sich auf die Website-Leistung auswirkt.

1. Was ist der Hauptvorteil von Link-Preloading?

Der Hauptvorteil ist eine deutlich bessere Benutzererfahrung. Wenn ein Besucher mit der Maus über einen Link fährt, beginnt die Seite im Hintergrund zu laden. Dadurch scheint die nächste Seite beim Klicken fast sofort zu laden, was Ihre Website schneller und reaktionsschneller macht.

2. Verbessert das Vorabladen von Links meinen Google PageSpeed-Score?

Nein, und das ist ein wichtiger Punkt. Link-Preloading verbessert die wahrgenommene Leistung für tatsächliche Benutzer, die Ihre Website durchsuchen. Es beeinflusst nicht die anfängliche Ladezeit einer einzelnen Seite, die von Tools wie PageSpeed Insights gemessen wird.

3. Kann Link-Preloading meinen Server zum Absturz bringen?

Wenn aggressives Prefetching unachtsam durchgeführt wird, kann es die Arbeitslast Ihres Servers erhöhen, insbesondere auf Shared Hosting. Dies liegt daran, dass jedes Vorladen wie ein Mini-Besuch auf Ihrem Server wirkt und zu viele auf einmal ihn überlasten können.

Das empfohlene Flying Pages-Plugin ist jedoch darauf ausgelegt, dies zu verhindern. Es wartet intelligent darauf, dass der Browser im Leerlauf ist, und ruft nur dann vorab ab, wenn Ihr Server nicht ausgelastet ist, um Abstürze oder Verlangsamungen zu vermeiden.

4. Gibt es Seiten, die ich vom Preloading ausschließen sollte?

Ja, Sie sollten dynamische Seiten immer ausschließen. Dazu gehören Warenkorb-, Kassen- und Kontoseiten auf einer E-Commerce-Website. Es ist auch wichtig, Ihre Affiliate-Links (wie die mit dem Präfix /refer/ oder /go/) auszuschließen, um sicherzustellen, dass Ihr Klick-Tracking korrekt funktioniert.

Holen Sie sich weitere Expertentipps zur Beschleunigung von WordPress

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Links in WordPress vorab laden, um schnellere Ladezeiten zu erzielen. Möglicherweise möchten Sie auch einige andere Tutorials zum Beschleunigen Ihrer WordPress-Website lesen:

• Schnellstes WordPress-Hosting (mit Leistungstests)
• Die besten WordPress-Caching-Plugins, um Ihre Website zu beschleunigen
• CSS/JavaScript-Dateien in WordPress minimieren
• So optimieren Sie Core Web Vitals für WordPress (Ultimativer Leitfaden)
• Bilder in WordPress einfach per Lazy Load laden
• So beschleunigen Sie Ihre E-Commerce-Website

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.