Veb-sahifani oldindan yuklash nimadan iborat? Veb-sahifani oldindan yuklash instant.page texnologiyasi

Veb-sahifani yuklash tezligi sizga ta'sir qiladiElektron tijoratqidiruv tizimidagi veb-saytSEOReyting.

Veb-sahifani oldindan yuklash nima?

Prefetch deb nomlangan texnika mavjud, bu aslida oldindan yuklash texnikasi.

• Agar foydalanuvchi qasddan sahifaga kirsa, brauzer sahifani oldindan yuklaydi.
• Foydalanuvchi haqiqatda havolani bosganida, foydalanuvchi oldindan yuklangan keshdan sahifa tarkibini bevosita o'qiydi va sahifani yuklash vaqtini qisqartiradi.
• Amazon va boshqalar 100 millisekundlik kechikish sotuvlarning 1 foizini tashkil etishini aniqladilar, biroq internetdagi kechikishlarni bartaraf etish qiyin.

Veb-sahifani oldindan yuklashOldindan yuklashdan nima foyda?

instant.page tezkor yuklashni ishlatadi - u sahifani foydalanuvchi bosishdan oldin oldindan yuklaydi ▼

• Foydalanuvchi havolani bosishdan oldin kursorni havola ustiga olib boradi.
• Foydalanuvchi kursorni 65 ms ga aylantirganda, ular havolani bosish imkoniyatiga ega bo'ladi, shuning uchun instant.page shu nuqtada oldindan yuklashni boshlaydi, sahifani oldindan yuklash uchun o'rtacha 300 ms dan ortiq.
• Mobil qurilmalarda foydalanuvchilar sahifani oldindan yuklash uchun o‘rtacha 90 ms vaqt sarflab, chiqarishdan oldin o‘z displeyiga tegishni boshlaydilar.

Prefetch veb-sahifalarni tezroq yuklaydi

• Inson miyasi harakatni bir zumda idrok etish uchun 100 millisekunddan kamroq vaqt oladi.
• Shuning uchun, instant.page oldindan yuklash texnologiyasi veb-saytingizni hatto 3G tarmog'ida ham bir zumda his qilishi mumkin (sahifani ko'rsatish tezligi tez bo'lsa).

Veb-sahifalarning sekin yuklanishini qanday hal qilish mumkin?

Sahifalar faqat foydalanuvchi ularga tashrif buyurish ehtimoli yuqori bo'lganda oldindan yuklanadi va u faqat foydalanuvchi va serverning tarmoqli kengligi va protsessorini hisobga olgan holda ushbu sahifa uchun HTMLni oldindan yuklaydi.

• U sahifalaringizni silliq saqlash uchun passiv hodisa tinglovchilaridan foydalanadi.
• Foydalanuvchi ma'lumotlarni himoya qilishni faollashtirganda (1.2.2 versiyasidan boshlab) u oldindan yuklanmaydi.
• Bu 1 kB va hamma narsadan keyin yuklanadi.Bu bepul va ochiq manba (MIT litsenziyasi).

Prefetch veb-sahifasi instant.page-ni oldindan yuklash qanday ta'sir qiladi?

Instant.page kodini qo'shishni sinovdan o'tkazgandan so'ng, veb-saytga kirish tezligining yaxshilanishi hali ham nisbatan katta.

• Odatiy bo'lib, u faqat ushbu sayt havolalarini oldindan yuklash uchun filtrlaydi va boshqa saytlardan havolalarni yuklamaydi.
• Sichqoncha chapdagi maqola havolasini 65 ms dan ortiq bosganda, tarmoq maqola sahifasini oldindan yuklaydi.
• 65 ms dan kamroq vaqt davomida kursorni ushlab turganda, oldindan yuklash amalga oshirilmaydi (qizil qism)▼

Instant.page dan foydalanish saytingizning PV va so'rov hajmini sezilarli darajada oshiradi:

• Bir do'stim, uning har bir tashrifga o'rtacha tashriflar soni 13.84 ekanligini aytdi.
• Foydalanishdan so'ng, aholi jon boshiga tashriflar soni 17.43 ga ko'tarildi, bu bir kishi uchun yana 4 sahifa ochishga teng.

Izoh:

• Shuni ta'kidlash kerakki, pullik CDN va ochiq to'liq sayt CDNlaridan foydalanadigan bloggerlar buni ehtiyotkorlik bilan qilishlari kerak.
• Xavotir olmang, oldindan yuklash faqat html-sahifalarni yuklaydi, tasvirlar va boshqa fayllar yuklamaydi, shuning uchun ko'p trafik yo'qotmaydi.

Veb-sahifani oldindan yuklash texnologiyasidan qanday foydalanish kerak?

Haqiqatan ham, html5 ning havola tegida rel atributi mavjud, ulardan biri prefetch, lekin iste'molchilar soni kam.

Ushbu maqolada keltirilgan instant.page bu texnikadan foydalanadigan skriptdir.

• Ushbu skript foydalanuvchi sichqonchani havolani qancha vaqt bosib o'tishiga qarab baho beradi.
• 65ms ga yetganda, foydalanuvchi havolani ochish imkoniyatining yarmiga ega va Instant.page bu sahifani oldindan yuklaydi.

Veb-sahifa JS skript kodini oldindan yuklash

1) Cloudflare tezlashuvi bilan JS skriptlarini rasmiy ravishda taqdim eting▼

Instant.page dan foydalanish juda oddiy, veb-saytingizga quyidagi kodni kiritish kifoyaYorliqdan oldin.

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

2) O'z-o'zidan erkinlikChen VeyliangTaklif▼

• Skript Instantclick-1.2.2.js serverida yashaydi, shuning uchun ishlarni sekinlashtirish haqida tashvishlanishingiz shart emas. 

Iltimos, veb-saytingizga quyidagi kodni qo'shingYorliqdan oldin:

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