Heim > Web-Frontend > js-Tutorial > Hauptteil

Einführung in die Verwendung des InstantClick-Plug-Ins zur Verbesserung der Seitenladegeschwindigkeit

巴扎黑
Freigeben: 2017-09-13 09:33:08
Original
1683 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich das Plug-in InstantClick vorgestellt, das die Ladegeschwindigkeit von Seiten verbessert. Der Herausgeber findet es recht gut, daher werde ich es jetzt mit Ihnen teilen und als Referenz angeben. Folgen wir dem Editor, um einen Blick darauf zu werfen

Um die DNS-Abfragezeit zu verkürzen, können wir normalerweise DNS-Prefetch verwenden, um die Links auf der Seite zu analysieren und die Ladegeschwindigkeit der Seite zu verbessern. Ebenso können wir die Seite zwischen dem Überfahren des Links mit der Maus und dem Anklicken laden. Diese Lücke dauert normalerweise einige hundert Millisekunden. Mit InstantClick können wir diese Hunderte von Millisekunden voll ausnutzen, um die Website zu ermöglichen um eine neue Seite sofort anzuzeigen, fast ohne Verzögerungen.

Installation von InstantClick

Die Installation von InstantClick ist sehr einfach. Laden Sie InstantClick einfach herunter, legen Sie es in einem bestimmten Verzeichnis ab und geben Sie dann den Code vor an , zum Beispiel:


<script src="//img.ezloo.com/static/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>
Nach dem Login kopieren

InstantClick kann einen weißen Bildschirm verursachen. Der Beamte gab ein Beispiel zur Lösung des Konflikts mit Google Adsense. Ich habe festgestellt, dass Baidu Statistics auch einen weißen Bildschirm verursachen kann, indem man data-no-instant zu

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage