Durch das Vorladen von HTML5 werden Seiten schnell gerendert

Vorabladen ist ein Browsermechanismus, der die Leerlaufzeit des Browsers nutzt, um Seiten/Ressourcen vorab herunterzuladen/zu laden, die der Benutzer wahrscheinlich als nächstes durchsuchen wird. Wenn der Benutzer auf einen vorab geladenen Link zugreift, wird die Seite aufgerufen schnell gerendert werden Eine Richtung, in der Browserhersteller und Entwickler zusammenarbeiten, besteht darin, Websites schneller zu machen. Es gibt viele bekannte Beschleunigungslösungen: CSS-Sprites (CSS-Sprites, Puzzles) und Bildoptimierung, verteilte Konfigurationsdateien (.htaccess), JS/Textdateikomprimierung, CDN-Beschleunigung usw.

Wie Sie Ihre Website schneller machen, habe ich in einem anderen Blogbeitrag vorgestellt.
FireFox führt eine neue Website-Beschleunigungsstrategie ein: Link-Preloading. Was ist Link-Preloading? MDN beschreibt es wie folgt:

Vorabladen ist ein Browsermechanismus, der die Leerlaufzeit des Browsers nutzt, um Seiten/Ressourcen vorab herunterzuladen/zu laden, die der Benutzer wahrscheinlich als nächstes durchsuchen wird. Die Seite stellt dem Browser eine Sammlung zur Verfügung, die vorab geladen werden muss. Nachdem der Browser das Laden der aktuellen Seite abgeschlossen hat, lädt er die Seiten herunter, die im Hintergrund vorab geladen werden müssen, und fügt sie dem Cache hinzu. Wenn ein Benutzer auf einen vorinstallierten Link zugreift und dieser aus dem Cache gelangt, wird die Seite schnell gerendert.

Einfache Übersicht: Basierend auf der Benutzeranalyse ermöglicht die Website dem Browser, bestimmte Seiten/Dokumente/Bilder im Hintergrund herunterzuladen. Es ist super einfach zu implementieren:

HTML5-Preload-Tags

Code kopieren

Der Code lautet wie folgt:

verwenden files-->
link>-Tag und gibt das Attribut rel=" prefetch" an, und das Attribut href ist der Dateipfad, der vorab geladen werden muss. Mozilla implementiert auch einige ähnliche Link-Rel-Attribute:

Kopieren Sie den Code

Der Code lautet wie folgt:

Hinweis: Das https-Protokoll wird ebenfalls unterstützt.

Wann vorab geladen werden sollte

Ob eine Website das Vorladen verwendet, hängt von Ihren Anforderungen ab. Hier sind einige Vorschläge:
- Wenn eine Reihe von Seitenfolien gleich angezeigt werden, dann Sie kann 1 bis 3 Seiten vorher und nachher laden
- Häufige Bilder innerhalb der Website laden- Die nächste Seite auf der Suchergebnisseite vorladen

Vorabladen blockieren

Firefox ermöglicht die Deaktivierung des Vorlademodus. Der Code lautet wie folgt:


Kopieren Sie den Code

Der Code lautet wie folgt:user_pref("network.prefetch-next", false);

Hinweise

Zum Link-Vorladen gibt es Folgendes Vorsichtsmaßnahmen:

- Das Vorladen kann domainübergreifend erfolgen. Selbstverständlich werden bei der Anfrage auch Cookies und andere Informationen gesendet.
- Durch das Vorabladen können Website-Statistiken beschädigt werden, ohne dass der Benutzer sie tatsächlich besucht. - Mozilla Firefox ist derzeit der einzige Browser, der den Vorlademodus unterstützt, (2003-2010) Was denken Sie? Die Nutzung der freien Zeit zum Herunterladen zusätzlicher Dateien ist eine radikale Optimierung.

Für mehr HTML5-Vorladung kann die Seite schnell gerendert werden. Für verwandte Artikel beachten Sie bitte die chinesische PHP-Website!