Kommentar: Egal, ob es sich um einen Browser -Entwickler oder ein normaler Webanwendungsentwickler handelt, sie alle unternehmen gemeinsame Anstrengungen: Um das Surfen des Webbrows schneller zu gestalten. Es sind viele bekannte Techniken, die Ihre Website schneller machen können: Verwenden Sie CSS Sprites, verwenden Sie die Bildoptimierungstools, verwenden Sie .htaccess, um die Seiten -Header -Informationen und die Cache -Zeit, die JavaScript -Komprimierung, CDN usw. zu verwenden.
Ich habe einige auf dieser Website verwendete Geschwindigkeitsoptimierungstechniken eingeführt. In HTML5 hat sich eine neue Funktion entwickelt, um die Geschwindigkeit der Website zu optimieren: Seitenressourcenvorladung/Pre-Read (Linkvorabschnitt).
Was ist Page Resource Preload/Pre-Read (Link Prefetch)? Erläuterung von MDN:
Page Resource Preloading (Link Prefetch) ist eine Fähigkeit des Browsers, mit der der Browser einige Dokumentressourcen während der Freizeit herunterladen oder vorlesen kann. Benutzer werden in Zukunft auf diese Ressourcen zugreifen. Eine Webseite kann eine Reihe von Voranweisungen für den Browser festlegen. Wenn der Browser die aktuelle Seite lädt, lädt er die angegebenen Dokumente leise im Hintergrund und speichert sie im Cache. Wenn der Benutzer auf diese vorinstallierten Dokumente zugreift, kann der Browser sie schnell aus dem Cache an den Benutzer extrahieren.
Einfach ausgedrückt, es ist: Lassen Sie den Browser andere Ressourcen (Seiten, Bilder, Videos usw.) vorladen, auf die der Benutzer nach dem Zugriff auf die aktuelle Seite am wahrscheinlichsten zugreift. Und die Methode ist super einfach!
HTML5 -Seite Ressourcenvorladung (Link Prefetch) Schreibmethode
<!-die gesamte Seite vorladen->
<link href = "http://www.vevb.com/misc/3d-album/"/> </p> <p> <!-Vorladen eines Bildes->
<link href = "<a href =" http://www.vevb.com/wordpress/ "> </a>
wp-content/uploads/2014/04/b-334x193.jpg "/>
HTML5-Seite Ressourcenvorladung/Pre-Read (Link Prefetch) wird über Link-Tags implementiert. Das REL -Attribut wird als Vorab- und Adresse angegeben, die im HREF -Attribut geladen werden soll. Firefox Browser bietet auch eine zusätzliche Attributunterstützung:
<Link
title = "für Mozilla ausgelegt" href = "Mozspecific.css" _fcksavedurl = "" Mozspecific.css "" />
<link href = "2.html" />
Prefetch kann auch unter HTTPS -Protokollressourcen verwendet werden.
Unter welchen Umständen die Seitenressourcen vorgeladen werden sollten
Welche Art von Ressourcen werden auf Ihrer Seite geladen und wenn alles bei Ihnen liegt. Hier sind einige Vorschläge:
1. Wenn die Seite über einen schiebenähnlichen Service verfügt, laden/lesen Sie die nächsten 1-3 Seiten und die vorherigen 1-3 Seiten vor.
2. Laden Sie die Bilder vor, die auf der gesamten Website gemeinsam sind.
3. Die nächste Seite der Suchergebnisse auf der Website vorladen.
Page -Ressourcenvorladung (Link Prefetch) verbieten)
Im Firefox -Browser gibt es eine Option, um jede Seiten -Ressourcen -Preloading -Funktion (Link Prefetch) zu verbieten. Sie können es so einstellen:
1.User_pref (network.prefetch-next, false);
2. Vorsichtsmaßnahmen für die Vorladung von Seitenressourcen (Link Prefetch)
Hier sind einige Hinweise zur Vorladung von Seitenressourcen (Link Prefetch):
1. Vorspannung (Link Prefetch) kann nicht über Domänen hinweg funktionieren, einschließlich des Ziehens von Keksen über Domänen.
2. PREPLOADING (Link Prefetch) verschmutzt Ihre Website -Besuchsstatistik, da einige Seiten, die in den Browser vorgeladen sind, möglicherweise nicht tatsächlich von Benutzern besucht werden.
3. Firefox Browser hat seit 2003 Unterstützung für diese Vorladungstechnologie (Link Prefetch) unterstützt.
Mit der Freizeit des Browsers, um einige zusätzliche Ressourcendateien zu laden, sieht es sowohl aufregend als auch gefährlich aus. Möchten Sie diese Technologien ausprobieren?