Kam naudingas išankstinis tinklalapio įkėlimas? Iš anksto gaukite tinklalapį iš anksto įkeldami momentinio puslapio technologiją

Tinklalapio įkėlimo greitis turės įtakos jūsųEl. Komercijasvetainė paieškos sistemojeSEOreitingą.

Kas yra išankstinis tinklalapio įkėlimas?

Yra technika, vadinama išankstiniu paėmimu, kuri iš tikrųjų yra išankstinio įkėlimo technika.

• Kai vartotojas sąmoningai apsilanko puslapyje, naršyklė iš anksto įkelia puslapį.
• Kai vartotojas iš tikrųjų spusteli nuorodą, vartotojas tiesiogiai nuskaito puslapio turinį iš iš anksto įkeltos talpyklos ir sumažina puslapio įkėlimo laiką.
• „Amazon“ ir kiti nustatė, kad 100 milisekundžių delsa sudaro 1 % pardavimų, tačiau delsą žiniatinklyje sunku įveikti.

Iš anksto gauti tinklalapįKam naudingas išankstinis įkėlimas?

instant.page naudoja momentinį išankstinį įkėlimą – jis iš anksto įkelia puslapį prieš vartotojui spustelėjus ▼

• Prieš spustelėdamas nuorodą vartotojas užveda pelės žymeklį ant nuorodos.
• Kai vartotojas laiko pelės žymeklį 65 ms, jis turės galimybę spustelėti nuorodą, todėl šiuo metu instant.page pradedama iš anksto įkelti, vidutiniškai per 300 ms, kol puslapis įkeliamas.
• Mobiliuosiuose įrenginiuose naudotojai pradeda liesti ekraną prieš išleisdami, o puslapio įkėlimas vidutiniškai užtrunka 90 ms.

Išankstinis iškvietimas leidžia greičiau įkelti tinklalapius

• Žmogaus smegenys užtrunka mažiau nei 100 milisekundžių, kad akimirksniu suvoktų veiksmą.
• Todėl instant.page išankstinio įkėlimo technologija gali priversti jūsų svetainę jaustis akimirksniu net naudojant 3G (darant prielaidą, kad puslapio pateikimo greitis yra greitas).

Kaip išspręsti lėtą tinklalapių įkėlimą?

Puslapiai iš anksto įkeliami tik tada, kai yra didelė tikimybė, kad vartotojas juose aplankys, ir iš anksto įkelia tik to puslapio HTML, atsižvelgiant į vartotojo ir serverio pralaidumą bei procesorių.

• Tam, kad jūsų puslapiai būtų sklandūs, naudojami pasyvūs įvykių klausytojai.
• Jis nėra iš anksto įkeltas, kai vartotojas įjungia duomenų apsaugą (nuo 1.2.2 versijos).
• Tai 1 kB ir įkeliama po viso kito.Tai nemokama ir atviro kodo (MIT licencija).

Koks iš anksto gaunamo tinklalapio instant.page įkėlimo poveikis?

Išbandžius pridėjus instant.page kodą, interneto prieigos greičio pagerėjimas vis dar yra gana didelis.

• Pagal numatytuosius nustatymus jis filtruos, kad iš anksto įkeltų tik šios svetainės nuorodas, o nuorodų iš kitų svetainių nebus įkeltas.
• Kai pelė spusteli straipsnio nuorodą kairėje ilgiau nei 65 ms, tinklas iš anksto įkels straipsnio puslapį.
• Kai svyruoja trumpiau nei 65ms, išankstinis įkėlimas neatliekamas (raudona dalis)▼

Naudojant instant.page žymiai padidės jūsų svetainės PV ir užklausų apimtis:

• Draugas pasakojo, kad jo vidutinis apsilankymų skaičius per vieną kartą buvo 13.84.
• Po naudojimo apsilankymų skaičius vienam gyventojui išaugo iki 17.43, o tai prilygsta dar 4 puslapių atidarymui vienam asmeniui.

Pastaba:

• Reikėtų pažymėti, kad tinklaraštininkai, naudojantys mokamus CDN ir atvirus visos svetainės CDN, turėtų tai daryti atsargiai.
• Tačiau nesijaudinkite, išankstinis įkėlimas įkelia tik html puslapius, o vaizdai ir kiti failai neįkeliami, todėl srautas nebus prarastas daug.

Kaip naudotis tinklalapio išankstinio įkėlimo technologija?

Tiesą sakant, html5 nuorodos žymoje yra atributas rel, vienas iš jų yra išankstinis iškvietimas, tačiau vartotojų skaičius yra mažas.

Šiame straipsnyje pristatomas instant.puslapis yra scenarijus, kuriame naudojama ši technika.

• Šis scenarijus įvertins pagal tai, kiek laiko vartotojas nuves pelės žymeklį ant nuorodos.
• Kai jis pasiekia 65 ms, vartotojas turi pusę galimybės atidaryti nuorodą ir Instant.page iš anksto įkelia šį puslapį.

Tinklalapio iš anksto įkelkite JS scenarijaus kodą

1) Oficialiai pateikite JS scenarijus su „Cloudflare“ pagreitinimu▼

Instant.page naudojimas yra labai paprastas, tiesiog pridėkite šį kodą prie savo svetainėsPrieš pat etiketę.

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

2) savarankiška laisvėChen WeiliangPasiūlyti▼

• Scenarijus yra serveryje „Instantclick-1.2.2.js“, todėl jums nereikės jaudintis, kad viskas sulėtės. 

Į savo svetainę pridėkite šį kodąPrieš pat etiketę:

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