Вэб хуудсыг урьдчилан ачаалах нь ямар ач холбогдолтой вэ? Вэб хуудсыг урьдчилан ачаалах instan.page технологи

Вэб хуудсыг ачаалах хурд нь танд нөлөөлнөЦахим худалдаахайлтын систем дэх вэбсайтSEOЧансаа.

Вэб хуудсыг урьдчилан ачаалах гэж юу вэ?

Prefetch гэж нэрлэгддэг техник байдаг бөгөөд энэ нь үнэндээ урьдчилан ачаалах техник юм.

• Хэрэглэгч нэг хуудсанд зориудаар зочлох үед хөтөч нь хуудсыг урьдчилан ачаалдаг.
• Хэрэглэгч холбоос дээр дарахад хэрэглэгч урьдчилан ачаалагдсан кэшээс хуудасны агуулгыг шууд уншиж, хуудас ачаалах хугацааг багасгадаг.
• Амазон болон бусад хүмүүс 100 миллисекундын хоцролт нь борлуулалтын 1% -ийг эзэлдэг боловч вэб дээрх хоцролтыг даван туулахад хэцүү байдаг.

Вэб хуудсыг урьдчилан татахУрьдчилан ачаалах нь ямар ач холбогдолтой вэ?

instant.page нь шуурхай урьдчилан ачаалах аргыг ашигладаг - энэ нь хэрэглэгч товшихоос өмнө хуудсыг урьдчилан ачаалдаг ▼

• Хэрэглэгч холбоос дээр дарахаас өмнө холбоос дээр хулганаа аваачина.
• Хэрэглэгч 65 ms-ийн зайд гүйвэл холбоос дээр дарах боломжтой тул instant.page энэ үед урьдчилан ачаалж эхлэх бөгөөд хуудсыг урьдчилан ачаалахад дунджаар 300 мс-ээс дээш байна.
• Хөдөлгөөнт төхөөрөмж дээр хэрэглэгчид гаргахаасаа өмнө дэлгэцэндээ хүрч эхэлдэг бөгөөд хуудсыг урьдчилан ачаалахад дунджаар 90 мс зарцуулдаг.

Prefetch нь вэб хуудсыг илүү хурдан ачаалдаг

• Хүний тархи аливаа үйлдлийг шууд мэдрэхийн тулд 100 миллисекунд хүрэхгүй хугацаа зарцуулдаг.
• Тиймээс instant.page урьдчилан ачаалах технологи нь 3G дээр ч гэсэн таны вэб сайтыг шуурхай болгох боломжтой (таны хуудсыг үзүүлэх хурд хурдан гэж үзвэл).

Вэб хуудсуудын удаан ачааллыг хэрхэн шийдвэрлэх вэ?

Хуудсуудыг зөвхөн хэрэглэгч зочлох магадлал өндөр байгаа үед л урьдчилан ачаалдаг бөгөөд энэ нь зөвхөн тухайн хуудасны HTML-г урьдчилан ачаалж, хэрэглэгчийн болон серверийн зурвасын өргөн, CPU-ийг харгалзан үздэг.

• Энэ нь таны хуудсыг жигд байлгахын тулд идэвхгүй үйл явдлын сонсогчдыг ашигладаг.
• Хэрэглэгч өгөгдлийн хамгаалалтыг идэвхжүүлсэн үед (1.2.2 хувилбарын хувьд) үүнийг урьдчилан ачаалдаггүй.
• Энэ нь 1 кБ бөгөөд бусад бүхний дараа ачаалагддаг.Энэ нь үнэ төлбөргүй бөгөөд нээлттэй эх сурвалж юм (MIT лиценз).

Prefetch вэб хуудсыг instant.page-г урьдчилан ачаалахад ямар нөлөө үзүүлэх вэ?

Instant.page кодыг нэмж туршиж үзсэний дараа вэбсайт руу нэвтрэх хурд харьцангуй их байна.

• Анхдагч байдлаар энэ нь зөвхөн энэ сайтын холбоосыг урьдчилан ачаалахаар шүүж, бусад сайтын холбоосыг ачаалахгүй.
• Зүүн талд байгаа нийтлэлийн холбоос дээр хулгана 65 мс-ээс дээш хугацаанд дарахад сүлжээ нийтлэлийн хуудсыг урьдчилан ачаалах болно.
• 65 мс-ээс бага зайд гүйлгэх үед урьдчилан ачаалах ажиллагаа хийгдэхгүй (улаан хэсэг)▼

Instant.page-г ашиглах нь таны сайтын PV болон хүсэлтийн хэмжээг ихээхэн нэмэгдүүлэх болно:

• Түүний нэг зочилсон хүний ​​дундаж тоо 13.84 байсан гэж нэг найз хэлэв.
• Хэрэглэсний дараа нэг хүнд ногдох зочилсон тоо 17.43 болж өссөн нь нэг хүнд 4 хуудас нэмж нээхтэй тэнцэж байна.

Тэмдэглэл:

• Төлбөртэй CDN болон нээлттэй бүрэн сайт CDN ашигладаг блогчид үүнийг болгоомжтой хийх хэрэгтэй гэдгийг тэмдэглэх нь зүйтэй.
• Гэхдээ санаа зоволтгүй, урьдчилан ачаалахад зөвхөн html хуудас, зураг болон бусад файл ачаалагдахгүй тул замын хөдөлгөөний алдагдал их гарахгүй.

Вэб хуудсыг урьдчилан ачаалах технологийг хэрхэн ашиглах вэ?

Үнэн хэрэгтээ html5-ийн холбоосын таг дээр rel шинж чанар байдаг бөгөөд тэдгээрийн нэг нь prefetch боловч хэрэглэгчдийн тоо бага байдаг.

Энэ нийтлэлд танилцуулсан instant.page нь энэ техникийг ашигладаг скрипт юм.

• Энэ скрипт нь хэрэглэгч холбоос дээр хэр удаан хулганыг хулганаас хамаарч дүгнэх болно.
• Энэ нь 65ms хүрэхэд хэрэглэгч холбоосыг нээх хагас боломж байгаа бөгөөд Instant.page энэ хуудсыг урьдчилан ачаална.

Вэб хуудасны JS скрипт кодыг урьдчилан ачаалах

1) Cloudflare хурдатгалтай JS скриптүүдийг албан ёсоор өгөх▼

Instant.page-ийг ашиглах нь маш энгийн бөгөөд доорх кодыг өөрийн вэбсайтдаа нэмэхэд хангалттайШошгоны өмнөхөн.

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

2) Өөрөө эзэмшсэн эрх чөлөөЧен ВэйлянСанал▼

• Скрипт нь Instantclick-1.2.2.js серверт амьдардаг тул та үйл явцыг удаашруулахаас санаа зовох хэрэггүй болно. 

Дараах кодыг вэбсайтдаа нэмнэ үүШошгоны өмнөхөн:

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