Wat is die nut van vooraflaai van webbladsye? Vooraflaai webblad instant.page tegnologie

Webbladlaaispoed sal jouelektrisiteitsvoorsienerwebwerf in soekenjinSEOposisie.

Wat is vooraflaai van webbladsye?

Daar is 'n tegniek genaamd prefetch wat eintlik 'n preload-tegniek is.

• Wanneer 'n gebruiker doelbewus 'n bladsy besoek, laai die blaaier die bladsy vooraf.
• Wanneer die gebruiker werklik op die skakel klik, lees die gebruiker die bladsy-inhoud direk vanaf die voorafgelaaide kas en verminder die laaityd van die bladsy.
• Amazon en ander het gevind dat 100-millisekonde latency verantwoordelik is vir 1% van verkope, maar vertraging op die web is moeilik om te oorkom.

Haal vooraf webbladWat is die nut van vooraflaai?

instant.page gebruik onmiddellike vooraflaai - dit laai die bladsy vooraf voordat die gebruiker klik ▼

• Voordat die gebruiker op die skakel klik, beweeg hulle oor die skakel.
• Wanneer die gebruiker vir 65 ms beweeg, sal hulle 'n kans hê om op die skakel te klik, so instant.page begin op hierdie punt vooraf laai, gemiddeld meer as 300 ms vir die bladsy om vooraf te laai.
• Op mobiele toestelle begin gebruikers hul skerm raak voordat hulle vrygestel word, wat gemiddeld 90 ms neem om die bladsy vooraf te laai.

Prefetch laat webblaaie vinniger laai

• Die menslike brein neem minder as 100 millisekondes om 'n aksie onmiddellik waar te neem.
• Daarom kan instant.page-voorlaaitegnologie jou webwerf onmiddellik laat voel, selfs op 3G (met die veronderstelling dat jou bladsyweergawe vinnig is).

Hoe om die stadige laai van webblaaie op te los?

Bladsye word slegs vooraf gelaai wanneer daar 'n hoë waarskynlikheid is dat die gebruiker hulle sal besoek, en dit laai slegs die HTML vir daardie bladsy vooraf, met respek vir die bandwydte en SVE van die gebruiker en die bediener.

• Dit gebruik passiewe gebeurtenisluisteraars om jou bladsye glad te hou.
• Dit word nie vooraf gelaai wanneer die gebruiker databeskerming aktiveer nie (vanaf weergawe 1.2.2).
• Dit is 1 kB en laai na alles anders.Dit is gratis en oopbron (MIT-lisensie).

Wat is die effek van Prefetch webpage preloading instant.page?

Nadat u die instant.page-kode bygevoeg het, is die verbetering in webwerftoegangspoed steeds relatief groot.

• By verstek sal dit filter om slegs hierdie werfskakels vooraf te laai en sal nie skakels van ander werwe af laai nie.
• Wanneer die muis vir meer as 65ms op die artikelskakel aan die linkerkant klik, sal die Netwerk die artikelbladsy vooraf laai.
• Wanneer jy vir minder as 65ms beweeg, word vooraflaai nie uitgevoer nie (rooi deel)▼

Die gebruik van instant.page sal jou werf se PV aansienlik verhoog en versoek volume:

• 'n Vriend het gesê dat sy gemiddelde aantal besoeke per besoek 13.84 was.
• Na gebruik het die aantal besoeke per capita tot 17.43 gestyg, wat gelykstaande is aan die opening van nog 4 bladsye per persoon.

注意 事项:

• Daar moet kennis geneem word dat bloggers wat betaalde CDN's en oop volledige werf CDN's gebruik, dit met omsigtigheid moet doen.
• Maar moenie bekommerd wees nie, vooraflaai net html-bladsye, beelde en ander lêers sal nie, so daar sal nie veel verkeersverlies wees nie.

Hoe om webbladvoorlaaitegnologie te gebruik?

Trouens, daar is 'n rel-kenmerk in die skakelmerker van html5, waarvan een voorafhaal is, maar die aantal verbruikers is klein.

Die instant.page wat in hierdie artikel bekendgestel word, is 'n skrif wat hierdie tegniek gebruik.

• Hierdie skrif sal beoordeel op grond van hoe lank die gebruiker oor die skakel beweeg.
• Wanneer dit 65 ms bereik, het die gebruiker 'n halwe kans om die skakel oop te maak en Instant.page laai hierdie bladsy vooraf.

Webblad vooraflaai JS script kode

1) Verskaf amptelik JS-skrifte met Cloudflare-versnelling▼

Die gebruik van instant.page is baie eenvoudig, voeg net die volgende kode by jou webwerfNet voor die etiket.

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

2) Self-gasheer vryheidChen WeiliangAanbod▼

• Die skrip woon in die bediener, Instantclick-1.2.2.js, so jy hoef nie bekommerd te wees oor die verlangsaming van dinge nie. 

Voeg asseblief die volgende kode by jou webwerfNet voor die etiket:

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