Vollständige Anleitung zum spekulativen Laden in WordPress

WordPress 6.8 führte eine hoch angeforderte Funktion vor: Spekulative Belastung. Aber was genau ist es und wie wirkt es sich auf Ihre Website aus? In einfachen Worten und in WordPress ist es eine Technik, mit der sich Ihre Website schneller anfühlt, indem es voraussagt, welche Seite (n) ein Besucher wahrscheinlich als nächstes anzeigt und vorlädt.

In diesem Leitfaden gehen wir alles durch, was Sie über spekulatives Laden wissen müssen, insbesondere in Bezug auf WordPress. Am Ende können Sie entscheiden, ob Sie es behalten sollen (es ist standardmäßig aktiviert) oder deaktivieren.

Was ist spekulative Belastung

Spekulative Belastung ist eine Technik, bei der der Browser Ressourcen (wie Bilder, Skripte, Schriftarten und sogar Seiten) lädt, bevor der Benutzer sie tatsächlich anfordert. Diese Aktionen basieren auf Vorhersagen darüber, auf welchen Seiten der Benutzer am wahrscheinlichsten als nächstes oder auf Hinweisen im Code basiert. Dies kann DNS -Lookups, Ressourcenabrufe oder sogar das Rendern von Dokumenten im Hintergrund umfassen.

Vorhersagen können von Entwicklern geliefert werden (z. B. den Browser, welche Seiten die beliebtesten sind) oder durch Browserheuristiken bestimmt werden, wie z. B. Muster in der Browserhistorie des Benutzers. Wenn es gut funktioniert, kann die spekulative Belastung Ihre Seiten spürbar schneller beladen oder sich sogar sofort anfühlen.

Wenn Sie Google -Schriftarten verwenden, haben Sie möglicherweise einen solchen Code in der Ihrer Website gesehen Etikett.

Dieser Code, hinzugefügt von der wp_resource_hints() Funktion in WordPress Core fordert den Browser an, eine DNS -Suche im Voraus für die Google Fonts -API durchzuführen. Wenn die Schriftart tatsächlich tatsächlich benötigt wird, wird sie schneller geladen, da der DNS -Schritt bereits abgeschlossen wurde.

Jedes Mal, wenn eine Seite geladen wird, überprüft WordPress das Enqued -Vermögen. Wenn es Vermögenswerte aus externen Domänen (wie Google -Schriftarten) erkennt, fügt dies die entsprechende Fühe hinzu dns-prefetch oder preconnect Tags.

Dies ist ein einfaches Beispiel, aber die spekulative Belastung geht viel weiter. Abgesehen davon, welches Vermögen für die Vorabsetzung nur angedeutet hat, können Sie den Browser nun anweisen, ganze URLs vorzubeugen oder sogar vorzubereiten. Genau das wurde in WordPress 6.8 eingeführt.

Für diejenigen, die ein tieferes technisches Verständnis wünschen, ist die Dokumentation von Mozilla zur spekulativen Belastung eine hervorragende Ressource.

Spekulatives Laden in WordPress

In der WordPress 6.8 -Release -Ankündigung wurde die spekulative Belastung als neues Feature eingeführt. Es existierte jedoch bereits durch die API von Ressourcen Hinweis (wie das oben genannte Beispiel). Das Neue ist, dass WordPress jetzt tatsächliche spekulative Vorspannungen enthält, die von der betrieben werden Spekulationsregeln API.

Um die Konsistenz aufrechtzuerhalten, beziehe ich mich ab diesem Zeitpunkt, wenn ich mich auf spekulative Laden beziehe, speziell auf die in WordPress 6.8 eingeführte neue Funktionalität. Diese Funktion verwendet die Spekulationsregeln -API, um die vollständige URLs auf der Grundlage dessen, was der Browser vorhersagt, vorhersagt, den der Benutzer als nächstes besuchen wird.

Wenn beispielsweise jemand Ihre Homepage besucht, kann WordPress vorhersagen, dass er als nächstes auf den Blog -Link klickt. Während sich der Besucher noch auf der Homepage befindet, beginnt WordPress, die Blog -Seite im Hintergrund zu beladen. Wenn der Benutzer klickt, wird die Seite fast sofort angezeigt.

Spekulationsregeln API

Gemäß der Spekulationsregeln -API handelt es sich um eine flexible Syntax, um zu definieren, welche ausgehenden Links vor der Navigation spekulativ hergestellt werden können. Anstatt der Browser, der alle Vermutungen erledigt, können Entwickler ihrer Website Code hinzufügen, um ausdrücklich zu sagen:

Hey Browser, der Benutzer könnte bald auf diesen Link klicken. Vorbereitete diese Seite also im Hintergrund.

Um die Spekulationsregeln -API zu verwenden, müssen Sie einfach einen JSON -Code zu Ihrer Website hinzufügen, die die Regeln definieren, die der Browser befolgen sollte. Die API selbst existiert im Browser. Dies muss nicht von Ihrer Website hinzugefügt und geladen werden.

Strategien

Es gibt 2 Hauptstrategien, die mit der Spekulationsregeln -API verwendet werden können:

1.. Vorab

• Laden Sie die HTML der Zielseite herunter.
• Der Browser rendert oder führt die Seite nicht aus, sondern wird für schnelleres Abrufen gespeichert.
• Ideale Strategie für Vorhersagen von „mittlerem Vertrauen“ (der Benutzer kann auf etwas klicken).

2. Prerender

• Die Zielseite im Hintergrund voll lädt und macht voll und ganz.
• Die Seite ist bereit, den Moment, in dem der Benutzer klickt, anzuzeigen.
• Am besten für Vorhersagen mit hohem Vertrauen, verwendet aber mehr Speicher.

Ihre Website kann Regeln für beide Strategien erstellen. Derzeit nutzen die von WordPress hinzugefügten Standardregeln die Vorab -Strategie.

Browserunterstützung

Ab 2025 wird die Spekulationsregeln-API in Browsern auf Chrombasis unterstützt, jedoch noch nicht in Firefox oder Safari. Sie können sich auf die beliebte Website von Caniuse.com beziehen, um den aktuellen Browser -Support für Spekulationsregeln anzuzeigen.

Dies bedeutet, dass Ihre Website zum Zeitpunkt des Schreibens dieses Beitrags eine aktuelle Version von Chrome, Edge oder Opera verwenden müssen, um die Funktion zu nutzen. Der Code ist weiterhin auf Ihrer Website für nicht unterstützte Browser verfügbar. Da die API der Spekulationsregeln jedoch eine progressive Verbesserung ist, wird dies keine Fehler zu Problemen verursachen (er wird einfach vom Browser ignoriert).

Standardspekulationsregeln in WordPress

WordPress fügt Standard-Spekulationsregeln für angemeldete Benutzer hinzu, die so aussehen:

Hier ist eine Aufschlüsselung des Codes:

• prefetch Fordert den Browser an, das HTML im Voraus herunterzuladen, rendert es aber nicht.
• source:"document" Dies fordert den Browser an, das aktuelle Dokument für zu scannen Links und wenden Sie die Regeln auf sie an.
• href_matches: "/*" Stellen Sie einen beliebigen Link vor, der mit dem Stamm der Site übereinstimmt (interne Site -Links).
• not: Dies sind die Ausschlüsse (Links zum Ignorieren).
  • Administrator- und Login -Seiten ausschließen.
  • Ausschließen von Plugins, Uploads, Themen: Überspringt Medien- und statische Asset -Links.
  • Links mit Abfragesteichen ausschließen (z. B., z. /page?foo=bar).
  • Links ausschließen mit re="nofollow" Attribute.
  • Links mit der .no-Prefetch-Klasse oder den untergeordneten Links der Klasse ausschließen.
• eagerness: "conservative": Teilt dem browser vor, vorsichtig zu sein und nur vorab zu bestehen, wenn es “selbstbewusst” ist, dass der Benutzer klicken könnte (z. B. wenn ein Link schwebt). Andere Optionen sind mäßig oder eifrig, die „aggressiver“ sind.

Diese Regeln geben dem Browser an, einen vorsichtigen Ansatz zu verfolgen, wenn interne Seitenlinks ohne Administrator, Plugin, Upload und Inhaltsverzeichnisse sowie Links mit Abfragestränen, Links mit Rel = “Nofollow” und beliebigen Links und Links, die die .no-Prefetch-Klasse markiert haben.

So passen Sie die WordPress -Spekulationsregeln an

Da WordPress nicht weiß, wie Ihre Besucher Ihre Website verwenden, wendet dies generische Regeln an (die für die meisten Websites funktionieren). Glücklicherweise können Sie sie mit mehreren Haken (in gewissem Maße) anpassen.

1. wp_speculation_rules_configuration (Filter)
2. wp_speculation_rules_href_exclude_paths (Filter)
3. wp_load_speculation_rules (Aktion)

Diese Haken werden derzeit im offiziellen Codex nicht dokumentiert. Ich habe sie gefunden, indem ich das WordPress Github -Repository erkundete. Möglicherweise gibt es andere nützliche Haken, die mir nicht bekannt sind (oder die in Zukunft hinzugefügt werden könnten), aber dies sind wahrscheinlich alles, was Sie benötigen, um Ihre Änderungen vorzunehmen.

So ändern Sie die Konfiguration der Spekulationsregeln

Sie können die verwenden wp_speculation_rules_configuration Filter, um die Standardkonfiguration der Spekulationsregeln anzupassen, einschließlich der Änderung des Modus und der Eifer. Mit diesem Filter können Sie auch die spekulativen Standardregeln vollständig deaktivieren.

Hier ist ein Beispiel für Snippet, das diesen Filter verwendet, um die Standardkonfiguration zu ändern:

/** * Modify the default Speculation Rules configuration in WordPress. * * Changes the mode from 'prefetch' to 'prerender' and sets the eagerness to 'moderate'. * * @param array $config Existing configuration for speculative loading. * @return array Modified configuration. */function my_custom_speculation_rules_config( $config ) {if ( is_array( $config ) ) {$config['mode']      = 'prerender'; // prerender or prefetch$config['eagerness'] = 'moderate'; // conservative, moderate, or eager}return $config;}add_filter( 'wp_speculation_rules_configuration', 'my_custom_speculation_rules_config' );

In diesem Beispiel fügen wir eine hinzu is_array() überprüfen. Das ist wichtig, weil die $config Variable kann manchmal sein null (So ​​deaktivieren Sie die Funktion vollständig).

So schließen Sie bestimmte URLs von der spekulativen Belastung aus

Der wp_speculation_rules_href_exclude_paths Mit Filter können Sie eine Liste von URL -Pfadmutern definieren, um sie von der spekulativen Belastung auszuschließen.

Hier ist ein Beispielausschnitt, das zeigt, wie Sie einen benutzerdefinierten Post -Typ aus spekulativen Laden ausschließen. Dies setzt voraus, dass Sie ziemlich Permalinks verwenden, bei denen Ihre Post -Typ -URLs enthalten /custom-post-type/ in der Schnecke:

/** * Exclude specific URL paths from speculative loading in WordPress. * * @param string[] $exclude_paths Array of regex patterns for paths to exclude. * @return string[] Modified array of exclude path patterns. */function my_excluded_speculation_paths( $exclude_paths ) {    // Exclude custom paths (e.g., anything starting with /custom-post-type/)    $exclude_paths[] = '/custom-post-type/.*';    return $exclude_paths;}add_filter( 'wp_speculation_rules_href_exclude_paths', 'my_excluded_speculation_paths' );

Ich denke, der Filtername könnte klarer sein, da Sie die aktuellen Ausschlüsse ändern können. Sie können jedoch nur neue hinzufügen, da der an den Filter übergebene Standardwert ein leeres Array ist.

So fügen Sie neue Spekulationsregeln hinzu

Sie können die verwenden wp_load_speculation_rules Aktionshaken, um die Spekulationsregeln zu ändern, wenn sie geladen werden, mit dem WP_Speculation_Rules Klasse. Mit diesem Action -Hook können Sie Ihre eigenen benutzerdefinierten Regeln hinzufügen.

Hier ist ein Beispiel dafür, wie Sie eine neue Regel hinzufügen könnten:

/** * Add custom prerender rules for specific URLs using the Speculation Rules API. * * @param WP_Speculation_Rules $speculation_rules The rules object provided by WordPress. */function my_add_custom_speculation_rules( $speculation_rules ) {if ( ! is_a( $speculation_rules, 'WP_Speculation_Rules' ) ) {return;}// Add a custom rule for our "special-offer" page$speculation_rules->add_rule('prerender', // Rule type: either prerender or prefetch'custom-prerender-rule', // A unique key/ID for this rule['source'          => 'list', // 'list' means we are explicitly listing URLs ur 'document' to scan the document for links'urls'            => ['/black-friday-sale/',],'eagerness'       => 'eager', // Mode: conservative, moderate, or eager// Optional metadata'priority'        => 1, // Priority of the rule (1-10) - lower number means higher priority'referrer_policy' => 'strict-origin-when-cross-origin', // Referrer policy for the request'options'         => ['allow-credentials' => true, // Whether to send cookies/auth with request'allow-redirects'   => true, // Whether to allow following redirects],],);}add_action( 'wp_load_speculation_rules', 'my_add_custom_speculation_rules' );

Nehmen wir an, Sie veranstalten einen großen Black Friday -Verkauf und erwarten, dass viele Besucher auf Ihr Verkaufsbanner klicken. Das Hinzufügen einer benutzerdefinierten Regel für diese Seite mit höherer Priorität und aggressiverer Eifer würde sinnvoll sein. Das obige Beispiel erreicht dies.

So entfernen oder ändern Sie Standardausschlüsse

WordPress bietet drei hilfreiche Filter, wie oben erläutert, um die spekulativen Laderegeln auf Ihrer Website zu steuern. Allerdings die WP_Speculation_Rules Die Klasse bietet keine Methoden zur Änderung oder Entfernung vorhandener Regeln (dies kann sich in Zukunft ändern).

Zum Beispiel, wenn Sie spekulatives Laden für Elemente in der zulassen möchten /wp-content/ Ordner gibt es derzeit keine Methode, um diesen Pfad aus dem Standardparameter „Nicht“ zu entfernen.

Wenn Sie die vollständige Kontrolle über spekulative Laderegeln benötigen, sollten Sie die integrierten Regeln von WordPress deaktivieren und Ihr eigenes JSON-Skript einfügen.

So überprüfen Sie, ob spekulative Belastungen funktionieren

Um zu überprüfen, ob spekulative Belastungen funktioniert, inspizieren Sie Ihre Website mit den Entwickler -Tools Ihres Browsers. Ich werde erklären, wie man das in Chrome macht:

1. Öffnen Sie Chrome und besuchen Sie die Homepage Ihrer Website.
2. Stellen Sie sicher, dass Sie angemeldet sind (spekulatives Laden ist für protokollierte Benutzer deaktiviert).
3. Klicken Sie mit der rechten Maustaste auf die Seite und klicken Sie auf “Inspecy”.
4. Sobald das Entwickler -Tools -Panel geöffnet ist, klicken Sie auf “Anwendung”.
5. Auf der rechten Seite sehen Sie unter „Hintergrunddiensten“ „spekulative Lasten“.

Wenn Ihre Website korrekt implementiert wird, sollten Sie die Regeln nach diesem Abschnitt sehen. Wenn Sie auf die Registerkarte “Spekulationen” klicken, werden alle URLs angezeigt, die zusammen mit ihrem aktuellen Status vorgeholt werden können.

Nach meiner Erfahrung ändert sich der Status einer Seite nicht, indem sie über Links schwebt. Das Klicken auf einen Link scheint jedoch die Vorabsetzung auszulösen. Nachdem Sie auf einen Link für eine auf der Registerkarte “Spekulationen” aufgeführte Seite geklickt haben und dann auf die Schaltfläche zurück gedrückt werden, ändert sich der Status.

WordPress verfolgt einen konservativeren Ansatz bei spekulativem Laden. Wenn Sie daher die Konfiguration ändern, kann dies hilfreich sein, um das Bestreben auf „eifrig“ zu setzen.

Probleme und Bedenken bei der spekulativen Belastung

WordPress ermöglicht das spekulative Laden standardmäßig auf allen Websites, bietet jedoch keine einfache Möglichkeit, es über die Admin -Schnittstelle zu deaktivieren. Die Implikation scheint zu sein, dass Sie es brauchen müssen, wenn WordPress es eingeschaltet hat … richtig?

Nun, spekulatives Laden hat einige Nachteile. Ich werde sie erklären, damit Sie entscheiden können, ob Sie es auf Ihrer Website deaktivieren sollen.

Unnötige Servernutzung

Dies ist wahrscheinlich die größte Sorge für die meisten WordPress -Benutzer. Ihr Server kann Anfragen für Seiten empfangen, die Benutzer nie tatsächlich besuchen. Auf hochgezogenen Standorten kann dies die Nutzung der Ressourcen erhöhen und die Leistung und die Hostingkosten beeinflussen. Da die spekulative Belastung auf Vorhersagen beruht, kann dies zu Anfragen nach Seiten und Ressourcen führen, die Benutzer nie tatsächlich besuchen.

Potenzial für das Servieren veralteter Inhalte

Wenn Ihre Website häufig aktualisiert wird, kann spekulatives Laden veraltete Inhalte bedienen. Beispielsweise kann eine Echtzeit-Nachrichtenseite Probleme beim Vorabstechen von Artikeln aufnehmen, die mit neuen Informationen aktualisieren. Wenn ein Benutzer auf einen vorinstallierten Artikel klickt, kann er angezeigt werden Die alte Version, nicht die aktualisierte.

Browserunterstützung

Wie ich bereits erwähnt habe, funktioniert die spekulative Belastung nicht in Safari oder Firefox. Dies ist zwar kein Grund, es zu deaktivieren, aber es ist ein Nachteil. Wenn die meisten Ihrer Benutzer diese Browser verwenden, profitieren sie nicht von spekulativem Laden.

Potenzielle Plugin -Konflikte

Einige Plugins beruhen auf Skripten, die erst nach einer Seite geladen werden (z. B. Starts, Cookie -Checks oder benutzerdefinierte Ausleitungen). Spekulative Belastungen können mit diesen Plugins in Konflikt stehen. Da die spekulative Belastung Teil des WordPress Core ist, sollten Plugin -Entwickler ihre Plugins aktualisieren, um die spekulative Beladung bei Bedarf ordnungsgemäß auszuschließen.

Es kann einige Zeit dauern, bis Plugin -Entwickler sich an neue Kernfunktionen und Freisetzungen der Korrekturen anpassen. Wenn ein Plugin Probleme verursacht, müssen Sie möglicherweise die spekulative Belastung vorübergehend deaktivieren, bis es vollständig unterstützt wird.

So deaktivieren Sie spekulatives Laden in WordPress

Wenn Sie feststellen, dass die spekulative Belastung für Ihre Website nicht geeignet ist, können Sie sie problemlos deaktivieren. Während WordPress im Administrator keine einfache Option für Umschaltungen bietet, können Sie diese deaktivieren, indem Sie den folgenden Code hinzufügen:

// Disable Speculative Loading Completelyadd_filter( 'wp_speculation_rules_configuration', '__return_empty_array' );

Platzieren Sie dies in Ihr Kindsthema functions.php Datei oder verwenden Sie ein Plugin -wie -Code -Snippets.

Abschluss

Das spekulative Laden in WordPress ist so konzipiert, dass die wahrgenommene Leistung durch Vorspannungsseiten verbessert wird, bevor der Benutzer auf sie klickt. In vielen Fällen ist es eine wertvolle Verbesserung. Es gibt jedoch Kompromisse, insbesondere für Websites mit hohem Verkehrs-, Echtzeit-Inhalts- oder Plugin-Kompatibilitätsproblemen.

Mein Hauptanliegen ist, dass WordPress es standardmäßig aktiviert hat, ohne einen einfachen Administratorschalter anzubieten. Nicht-Entwickler wissen möglicherweise nicht einmal, dass es aktiv ist oder wie sich dies auf ihre Website auswirkt.

Unabhängig davon, ob Sie es aktiviert, die Regeln anpassen oder vollständig ausschalten, hoffe ich, dass Sie diesen Artikel hilfreich gefunden haben. Wenn Sie das getan haben, können Sie es gerne teilen!

Möglicherweise interessieren Sie sich für die folgenden verwandten Artikel:

• So verbessern Sie Ihre Google -Seitengeschwindigkeitsbewertung
• Beschleunigen Sie WordPress: Die ultimative Führungsleistung
• Kostenlose Plugins, um Ihre WordPress -Site zu beschleunigen