instant.page ist ein kleines Skript, mit dem Sie die Navigation auf Ihrer Website durch Just-in-Time-Vorladen beschleunigen können. Wenn der Benutzer mit der Maus über den Link fährt, wird die Seite im Hintergrund vorgeladen, und wenn Sie auf den Link klicken, wird sie sofort geöffnet. InstantClick funktioniert nach dem gleichen Prinzip , wird jedoch in PushState und Ajax als separate Bibliothek mit zusätzlichen Modulen wie einem Fortschrittsbalken für das Vorladen bereitgestellt.
Installation
Fügen Sie einfach ein Skript am Ende des Körpers hinzu:
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>Es mag den Anschein haben, dass es im modernen Web keinen Sinn macht, Ihre Lösung über ein Skript zu verteilen, anstatt sie in npm zu platzieren. Dies ist jedoch nicht JQuery, und der gesamte Code passt buchstäblich in etwas mehr als 200 Zeilen, sodass sich selbst die leichteste Anwendung leisten kann, sie zu verbinden. Darüber hinaus hat der sehr beliebte, aber umstrittene Quicklink von Google bereits die Form eines Moduls.
Desktop
Unterschiedliche Studien erhalten unterschiedliche Werte, daher ist es unmöglich sicher zu sagen, mit welcher Wahrscheinlichkeit eine Person auf den Link klickt, über dem sie schwebte, und wie schnell dies geschehen wird. Der Autor des Skripts behauptet, dass der Benutzer die Hälfte der Zeit folgen wird, wenn der Zeiger bereits länger als 65 Millisekunden über dem Link schwebt.
Um die Anzahl der Fehlalarme zu verringern, bieten sowohl instant.page als auch InstantClick die Möglichkeit, beim Drücken (Mousedown) optional eine Vorspannung auszulösen, die das Laden im Durchschnitt um 80 Millisekunden beschleunigen sollte. Richtig, das Skript lädt nur HTML, und andere fette Ressourcen werden weiterhin normal geladen.
Instant.page hat auch einen völlig verrückten Auslöser für Maniacs (und Quicklink-Liebhaber), der die Seite lädt, wenn der Link sichtbar ist.... Glücklicherweise gibt es auch einen Whitelist-Modus.
Telefon
In der mobilen Version gibt es keinen Hover. Das Vorladen beginnt also in dem Moment, in dem Sie auf den Link klicken. Dies führt zu einer Erhöhung um etwa 90 Millisekunden. Sie können auch einen Auslöser für das Aufrufen des Ansichtsfensters auswählen. Dazu benötigen Sie jedoch entweder sehr dünne Seiten oder eine minimale und bekannte Anzahl von Links (Sie können beispielsweise die nächste Seite nach dem Absenden des Formulars vorladen) oder eine Whitelist einrichten.
Anpassung
- Whitelist : Das Vorladen funktioniert nur für Links mit einem Attribut
data-instant(dazu muss dem Body ein Attribut hinzugefügt werdendata-instant-whitelist). - Blacklist: Links mit dem Attribut werden nicht geladen
data-no-instant - Externe Links werden standardmäßig nicht geladen. Sie können dies ändern, indem Sie
data-instant-allow-external-linkssie dem Text hinzufügen - , . ,
data-instant-allow-query-stringbody
- uBlock Origin , EasyPrivacy, . instant.page , issue. , . Firefox uBlock Origin , .
- Safari 13 . Safari 14.
In weniger als einem Jahr (und instant.page wurde noch vor weniger als einem halben Jahr populär) hat die Technologie auf dem Markt Fuß gefasst, große Kunden wie Spotify und Pepsico gewonnen und wird durch die Anzahl der Sterne auf GitHub mit InstantClick verglichen, das seit 2014 dort ist. Der Autor behauptet (in Bezug auf builtwith ), über 7000 Websites mit instant.page mit einem kombinierten Publikum von über 76 Millionen monatlichen Benutzern zu verwenden.
Werbung
VDS für Websites aller Größen - hier geht es um unsere epischen Server ! Sie sind kostenlos vor DDoS-Angriffen geschützt, die Geschwindigkeit des Internetkanals beträgt 500 Megabit. Wir bieten die Möglichkeit, automatisch ein praktisches VestaCP-Kontrollfeld für das Hosting von Websites zu installieren. Beeilen Sie sich, um zu bestellen!
