K čemu slouží předběžné načítání webové stránky? Prefetch prefetch web page preload instant.page technology

Rychlost načítání webové stránky ovlivní vašiElektronický obchodwebové stránky ve vyhledávačiSEOHodnocení.

Co je předběžné načítání webové stránky?

Existuje technika zvaná prefetch, což je ve skutečnosti technika předběžného načtení.

• Když uživatel úmyslně navštíví stránku, prohlížeč stránku předem načte.
• Když uživatel skutečně klikne na odkaz, uživatel přímo čte obsah stránky z předem načtené mezipaměti a zkracuje dobu načítání stránky.
• Amazon a další zjistili, že latence 100 milisekund tvoří 1 % prodejů, ale latenci na webu je těžké překonat.

Předběžně načíst webovou stránkuJaké je použití předpětí?

instant.page používá okamžité předběžné načítání – předběžně načte stránku dříve, než uživatel klikne na ▼

• Než uživatel klikne na odkaz, umístí na odkaz kurzor.
• Když uživatel podrží kurzor po dobu 65 ms, bude mít možnost kliknout na odkaz, takže instant.page se v tomto okamžiku začne předběžně načítat, v průměru přes 300 ms na předběžné načtení stránky.
• Na mobilních zařízeních se uživatelé před uvolněním začnou dotýkat displeje, přičemž předběžné načtení stránky trvá v průměru 90 ms.

Prefetch zrychluje načítání webových stránek

• Lidskému mozku trvá méně než 100 milisekund, aby okamžitě vnímal akci.
• Technologie předběžného načítání instant.page proto může zajistit okamžitý pocit z vašeho webu i na 3G (za předpokladu, že rychlost vykreslování vaší stránky je vysoká).

Jak vyřešit pomalé načítání webových stránek?

Stránky se předem načítají pouze tehdy, když je vysoká pravděpodobnost, že je uživatel navštíví, a předběžně načte pouze HTML pro danou stránku, přičemž respektuje šířku pásma a CPU uživatele a serveru.

• Využívá pasivní posluchače událostí, aby byly vaše stránky plynulé.
• Není předem načten, když uživatel povolí ochranu dat (od verze 1.2.2).
• Má 1 kB a načte se po všem ostatním.Je to zdarma a open source (licence MIT).

Jaký je účinek předběžného načtení webové stránky instant.page?

Po otestování přidání kódu instant.page je zlepšení rychlosti přístupu na web stále poměrně velké.

• Ve výchozím nastavení bude filtr přednačítat pouze odkazy na tento web a nenačítat odkazy z jiných webů.
• Když myš klikne na odkaz článku vlevo déle než 65 ms, síť předběžně načte stránku článku.
• Při visení na méně než 65 ms se předběžné načítání neprovádí (červená část)▼

Použití instant.page výrazně zvýší PV vašeho webu a objem požadavků:

• Přítel řekl, že jeho průměrný počet návštěv na návštěvu byl 13.84.
• Po použití vzrostl počet návštěv na hlavu na 17.43, což odpovídá otevření dalších 4 stránek na osobu.

Poznámka:

• Je třeba poznamenat, že blogeři používající placená CDN a otevřená CDN na celém webu by to měli dělat opatrně.
• Ale nebojte se, předběžné načtení načte pouze html stránky, obrázky a další soubory nikoli, takže nedojde k velkým ztrátám provozu.

Jak používat technologii předběžného načítání webových stránek?

Ve značce odkazu HTML5 je ve skutečnosti atribut rel, z nichž jeden je prefetch, ale počet spotřebitelů je malý.

Stránka instant.page představená v tomto článku je skript, který používá tuto techniku.

• Tento skript bude posuzovat na základě toho, jak dlouho uživatel na odkaz najede myší.
• Když dosáhne 65 ms, uživatel má poloviční šanci na otevření odkazu a Instant.page tuto stránku předem načte.

Přednačtení kódu skriptu JS webové stránky

1) Oficiálně poskytujte skripty JS s akcelerací Cloudflare▼

Použití instant.page je velmi jednoduché, stačí přidat na svůj web následující kódTěsně před etiketou.

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

2) Samoobslužná svobodaChen WeiliangNabídka▼

• Skript žije na serveru Instantclick-1.2.2.js, takže se nemusíte starat o zpomalení. 

Přidejte prosím na svůj web následující kódTěsně před štítkem:

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