Heim > Web-Frontend > H5-Tutorial > Durch das Vorladen von HTML5 kann die Seite schnell gerendert werden. Tipps für das HTML5-Tutorial

Durch das Vorladen von HTML5 kann die Seite schnell gerendert werden. Tipps für das HTML5-Tutorial

WBOY
Freigeben: 2016-05-16 15:49:02
Original
2561 Leute haben es durchsucht

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 Dateien-->
das -Tag und gibt das rel="prefetch"-Attribut an, und das href-Attribut ist der Dateipfad, der vorab geladen werden muss. Mozilla hat auch einige ähnliche Link-Rel-Attribute implementiert:




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 folgende Hinweise:
- Das Vorladen ist domainübergreifend möglich. Selbstverständlich werden bei der Anfrage auch Cookies und andere Informationen mitgesendet.
- 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 Leerlaufzeit zum Herunterladen zusätzlicher Dateien ist eine radikale Optimierung
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage