Kommentar: Das Vorladen ist ein Browsermechanismus, der die Leerlaufzeit des Browsers verwendet, um die Seiten/Ressourcen vorzuladen/zu laden, die Benutzer wahrscheinlich als nächstes durchsuchen. Wenn der Benutzer auf einen vorinstallierten Link zugreift, kann die Seite schnell gerendert werden, wenn er aus dem Cache trifft.
Eine Art und Weise, wie Browserhersteller und -entwickler zusammenarbeiten, besteht darin, die Website schneller zu machen. Es gibt jetzt viele bekannte Beschleunigungslösungen: CSS Sprites (CSS Sprites, Rätsel) und Bildoptimierung, verteilte Konfigurationsdateien (.htaccess), JS/Textdateikomprimierung, CDN-Beschleunigung usw.Ich habe in einem weiteren Blog -Beitrag darüber berichtet, wie eine Website schneller gestaltet werden kann.
Firefox fördert eine neue Website -Beschleunigungsstrategie: Link -Vorspannung. Was ist Link -Vorspannung? MDN -Beschreibung lautet wie folgt:
Das Vorladen ist ein Browser-Mechanismus, der die Leerlaufzeit des Browsers zum Vorabladen/Laden von Seiten/Ressourcen verwendet, die Benutzer wahrscheinlich als nächstes durchsuchen. Die Seite wird dem Browser zur Verfügung gestellt, der vorinstalliert werden muss. Nachdem der Browser das Laden der aktuellen Seite abgeschlossen hat, wird die vorinstallierte Seite im Hintergrund heruntergeladen und zum Cache hinzugefügt. Wenn ein Benutzer auf einen vorinstallierten Link zugreift, wird die Seite schnell gerendert, wenn sie aus dem Cache klicken.
Einfache Übersicht: Auf der Website kann der Browser die angegebene Seite/Dokument/Bild basierend auf der Benutzeranalyse herunterladen, die sehr einfach zu implementieren ist:
HTML5 -Preload -Tags
<!-Seite, Sie können absolute oder relative Pfade verwenden->
<link href = "page2.html" />
<!-Bilder können auch andere Arten von Dateien sein->
<link href = "Sprite.png" />
Aus dem obigen HTML -Code können wir sehen, dass das Vorladen das <Link> -Tag verwendet und das Rel = Prefetch -Attribut angeben. Das HREF -Attribut ist der Dateipfad, der vorinstalliert werden muss. Mozilla implementiert auch einige ähnliche Link -Rel -Eigenschaften:
<link href = "mozspecific.css" />
<link href = "2.html" />
Hinweis: Das HTTPS -Protokoll wird ebenfalls unterstützt.
Wann wird vorinstalliert
Ob die Website vorinstalliert ist, hängt von Ihren Anforderungen ab, hier einige Vorschläge:
- Wenn eine Reihe von Seitenfolien wie diese angezeigt wird, können 1 bis 3 Seiten vorinstalliert werden.
- Lade Bilder, die auf der Website üblich sind
- Vorladen der nächsten Seite auf der Seite der Suchergebnisse
Vorspannung
Firefox ermöglicht das Verbot des Vorspannungsmodus, der Code lautet wie folgt:
user_pref ("network.prefetch-next", false);
Dinge zu beachten
In Bezug auf das Link -Vorladen gibt es die folgenden Vorsichtsmaßnahmen:
- Das Vorladen kann in den Domänen ausgeführt werden. Natürlich werden Cookies und andere Informationen auch während der Anfrage gesendet.
- Vorladen kann die Website -Statistiken zerstören, ohne tatsächlich auf den Benutzer zugreifen zu können.
- Mozilla Firefox ist derzeit der einzige Browser, der den Vorspannungsmodus unterstützt (2003-2010)
Was denken Sie? Das Herunterladen zusätzlicher Dateien mit der Freizeit ist eine aggressive Optimierung