Mis kasu on veebilehe eellaadimisest? Veebilehe eellaadimise instant.page tehnoloogia

Veebilehe laadimise kiirus mõjutab teieE-kaubandusveebisait otsingumootorisSEOEdetabel.

Mis on veebilehe eellaadimine?

On olemas tehnika, mida nimetatakse eellaadimiseks, mis on tegelikult eellaadimistehnika.

• Kui kasutaja külastab lehte tahtlikult, laadib brauser lehe eellaadimiseks.
• Kui kasutaja lingil tegelikult klõpsab, loeb kasutaja lehe sisu otse eellaaditud vahemälust ja vähendab lehe laadimisaega.
• Amazon ja teised on leidnud, et 100-millisekundiline latentsus moodustab 1% müügist, kuid latentsust veebis on raske ületada.

Veebilehe eellaadimineMis kasu on eellaadimisest?

instant.page kasutab kiiret eellaadimist – see eellaadib lehe enne, kui kasutaja klõpsab nupul ▼

• Enne kui kasutaja lingil klõpsab, hõljutab ta kursorit lingi kohal.
• Kui kasutaja hoiab kursorit 65 ms, on tal võimalus lingil klõpsata, nii et instant.page hakkab sellel hetkel eellaadima, keskmiselt kulub lehe eellaadimiseks üle 300 ms.
• Mobiilseadmetes hakkavad kasutajad ekraani puudutama enne vabastamist, lehe eellaadimiseks kulub keskmiselt 90 ms.

Eellaadimine muudab veebilehtede laadimise kiiremaks

• Inimese ajul kulub tegevuse hetkeliseks tajumiseks vähem kui 100 millisekundit.
• Seetõttu võib instant.page eellaadimise tehnoloogia muuta teie veebisaidi koheseks isegi 3G-s (eeldusel, et teie lehe renderduskiirus on kiire).

Kuidas lahendada veebilehtede aeglane laadimine?

Lehed eellaaditakse ainult siis, kui on suur tõenäosus, et kasutaja neid külastab, ja eellaadib ainult selle lehe HTML-i, austades kasutaja ja serveri ribalaiust ja protsessorit.

• See kasutab teie lehtede sujuvaks hoidmiseks passiivseid sündmuste kuulajaid.
• Seda ei laadita ette, kui kasutaja lubab andmekaitse (alates versioonist 1.2.2).
• See on 1 kB ja laeb peale kõike muud.See on tasuta ja avatud lähtekoodiga (MIT-litsents).

Mis mõju on veebilehe eellaadimisel instant.page eellaadimisel?

Pärast instant.page koodi lisamise testimist on veebisaidi juurdepääsu kiiruse paranemine endiselt suhteliselt suur.

• Vaikimisi filtreerib see nii, et eellaaditakse ainult selle saidi lingid ja ei laadita linke teistelt saitidelt.
• Kui hiir klõpsab vasakpoolsel artiklilingil kauem kui 65 ms, laadib võrk artikli lehe eellaadimiseks.
• Kui hõljutakse vähem kui 65 ms, eellaadimist ei teostata (punane osa)▼

Instant.page kasutamine suurendab oluliselt teie saidi PV-d ja taotluste mahtu:

• Sõber ütles, et tema keskmine külastuste arv külastuse kohta oli 13.84.
• Pärast kasutamist tõusis külastuste arv elaniku kohta 17.43-ni, mis võrdub 4 lehekülje avamisega inimese kohta.

注意 事项:

• Tuleb märkida, et blogijad, kes kasutavad tasulisi CDN-e ja avatud kogu saidi CDN-e, peaksid seda tegema ettevaatlikult.
• Kuid ärge muretsege, eellaadimine laadib ainult html-lehti, pilte ja muid faile mitte, nii et liikluse kadu pole palju.

Kuidas kasutada veebilehtede eellaadimise tehnoloogiat?

Tegelikult on html5 lingisildis rel atribuut, millest üks on prefetch, kuid tarbijate arv on väike.

Selles artiklis tutvustatav leht instant.page on skript, mis kasutab seda tehnikat.

• See skript hindab selle põhjal, kui kaua kasutaja hiirega lingil liigub.
• Kui see jõuab 65 ms, on kasutajal pool võimalust link avada ja Instant.page laadib selle lehe eellaadimiseks.

Veebilehe JS-skripti kood eellaadimine

1) Pakkuge ametlikult JS-i skripte koos Cloudflare'i kiirendusega▼

Instant.page kasutamine on väga lihtne, lihtsalt lisa oma veebilehele järgmine koodVahetult enne silti.

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

2) Self-hosted vabadusChen WeiliangPakkumine▼

• Skript asub serveris Instantclick-1.2.2.js, nii et te ei pea muretsema asjade aeglustamise pärast. 

Palun lisage oma veebisaidile järgmine koodVahetult enne silti:

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