Aké je použitie predbežného načítania webovej stránky? Predbežné načítanie webovej stránky pomocou technológie instant.page

Rýchlosť načítania webovej stránky ovplyvní vašudodávateľa elektrinywebové stránky vo vyhľadávačiSEOporadie.

Čo je predbežné načítanie webovej stránky?

Existuje technika nazývaná prefetch, ktorá je v skutočnosti technikou predbežného načítania.

• Keď používateľ úmyselne navštívi stránku, prehliadač stránku predbežne načíta.
• Keď používateľ skutočne klikne na odkaz, používateľ priamo prečíta obsah stránky z vopred načítanej vyrovnávacej pamäte a skráti čas načítania stránky.
• Amazon a iní zistili, že 100-milisekundová latencia predstavuje 1 % predajov, no latencia na webe sa dá len ťažko prekonať.

Predbežne načítať webovú stránkuAké je použitie predpätia?

instant.page používa okamžité predbežné načítanie – predbežne načíta stránku predtým, ako používateľ klikne na ▼

• Predtým, ako používateľ klikne na odkaz, umiestni kurzor myši na odkaz.
• Keď používateľ podrží kurzor na 65 ms, bude mať možnosť kliknúť na odkaz, takže instant.page sa v tomto bode začne predbežne načítavať, v priemere viac ako 300 ms na predbežné načítanie stránky.
• Na mobilných zariadeniach sa používatelia začnú dotýkať displeja pred uvoľnením, pričom predbežné načítanie stránky trvá v priemere 90 ms.

Predbežné načítanie urýchľuje načítanie webových stránok

• Ľudskému mozgu trvá menej ako 100 milisekúnd, aby okamžite vnímal akciu.
• Vďaka technológii predbežného načítania instant.page môže byť váš web okamžitý aj v 3G (za predpokladu, že rýchlosť vykresľovania vašej stránky je vysoká).

Ako vyriešiť pomalé načítavanie webových stránok?

Stránky sa vopred načítajú iba vtedy, keď je vysoká pravdepodobnosť, že ich používateľ navštívi, a predbežne načíta HTML pre danú stránku, pričom rešpektuje šírku pásma a CPU používateľa a servera.

• Používa pasívne poslucháče udalostí, aby boli vaše stránky plynulé.
• Nie je predinštalovaný, keď používateľ povolí ochranu údajov (od verzie 1.2.2).
• Má 1 kB a načítava sa po všetkom ostatnom.Je bezplatný a open source (licencia MIT).

Aký je účinok predbežného načítania webovej stránky instant.page?

Po otestovaní pridaní kódu instant.page je zlepšenie rýchlosti prístupu na web stále pomerne veľké.

• V predvolenom nastavení bude filtrovať, aby sa vopred načítali iba odkazy na túto lokalitu a nenačítali sa odkazy z iných lokalít.
• Keď myš klikne na odkaz článku vľavo dlhšie ako 65 ms, sieť predbežne načíta stránku s článkom.
• Pri visení na menej ako 65 ms sa predbežné načítanie nevykoná (červená časť)▼

Používanie instant.page výrazne zvýši PV vašej stránky a objem žiadostí:

• Priateľ povedal, že jeho priemerný počet návštev na návštevu bol 13.84.
• Po použití sa počet návštev na hlavu zvýšil na 17.43, čo zodpovedá otvoreniu ďalších 4 stránok na osobu.

Bezpečnostné opatrenia:

• Je potrebné poznamenať, že blogeri používajúci platené siete CDN a otvorené siete CDN na celých stránkach by to mali robiť opatrne.
• Ale nebojte sa, predbežné načítanie načíta iba html stránky, obrázky a iné súbory nie, takže nedôjde k veľkým stratám návštevnosti.

Ako používať technológiu predbežného načítania webovej stránky?

V skutočnosti existuje atribút rel v značke odkazu html5, z ktorých jeden je predbežné načítanie, ale počet spotrebiteľov je malý.

Stránka instant.page predstavená v tomto článku je skript, ktorý používa túto techniku.

• Tento skript posúdi na základe toho, ako dlho používateľ na odkaz prejde myšou.
• Keď dosiahne 65 ms, používateľ má polovičnú šancu na otvorenie odkazu a Instant.page túto stránku vopred načíta.

Predbežné načítanie kódu skriptu JS na webovej stránke

1) Oficiálne poskytnite skripty JS s akceleráciou Cloudflare▼

Používanie instant.page je veľmi jednoduché, stačí pridať nasledujúci kód na váš webTesne pred etiketou.

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>

2) Vlastná slobodaChen WeiliangPonuka▼

• Skript žije na serveri Instantclick-1.2.2.js, takže sa nemusíte obávať spomalenia. 

Pridajte na svoj web nasledujúci kódTesne pred štítkom:

<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>