Beth yw'r defnydd o raglwytho tudalennau gwe? Prefetch tudalen we preload instant.page technoleg

Bydd cyflymder llwytho tudalen we yn effeithio ar eichE-fasnachgwefan mewn peiriant chwilioSEOsafle.

Beth yw rhaglwytho tudalennau gwe?

Mae yna dechneg o'r enw prefetch sydd mewn gwirionedd yn dechneg rhaglwytho.

• Pan fydd defnyddiwr yn ymweld â thudalen yn fwriadol, mae'r porwr yn llwytho'r dudalen ymlaen llaw.
• Pan fydd y defnyddiwr yn clicio ar y ddolen mewn gwirionedd, mae'r defnyddiwr yn darllen cynnwys y dudalen yn uniongyrchol o'r storfa wedi'i llwytho ymlaen llaw ac yn lleihau amser llwytho'r dudalen.
• Mae Amazon ac eraill wedi canfod bod hwyrni 100-milieiliad yn cyfrif am 1% o werthiannau, ond mae hwyrni ar y we yn anodd ei oresgyn.

Tudalen we prefetchBeth yw'r defnydd o raglwytho?

Mae instant.page yn defnyddio rhaglwytho ar unwaith - mae'n rhaglwytho'r dudalen cyn i'r defnyddiwr glicio ▼

• Cyn i'r defnyddiwr glicio ar y ddolen, maen nhw'n hofran dros y ddolen.
• Pan fydd y defnyddiwr yn hofran am 65ms, bydd yn cael cyfle i glicio ar y ddolen, felly mae instant.page yn dechrau rhag-lwytho ar y pwynt hwn, gyda chyfartaledd o dros 300ms i'r dudalen ei rhag-lwytho.
• Ar ddyfeisiau symudol, mae defnyddwyr yn dechrau cyffwrdd â'u sgrin cyn ei ryddhau, gan gymryd 90ms ar gyfartaledd i raglwytho'r dudalen.

Mae Prefetch yn gwneud i dudalennau gwe lwytho'n gyflymach

• Mae'r ymennydd dynol yn cymryd llai na 100 milieiliad i ganfod gweithred ar unwaith.
• Felly, gall technoleg rhaglwytho instant.page wneud i'ch gwefan deimlo'n syth hyd yn oed ar 3G (gan dybio bod cyflymder rendro eich tudalen yn gyflym).

Sut i ddatrys y llwythiad araf o dudalennau gwe?

Mae tudalennau'n cael eu rhaglwytho dim ond pan fydd tebygolrwydd uchel y bydd y defnyddiwr yn ymweld â nhw, a dim ond rhaglwytho'r HTML ar gyfer y dudalen honno y mae'n ei raglwytho, gan barchu lled band a CPU y defnyddiwr a'r gweinydd.

• Mae'n defnyddio gwrandawyr digwyddiadau goddefol i gadw'ch tudalennau'n llyfn.
• Nid yw'n cael ei raglwytho pan fydd y defnyddiwr yn galluogi diogelu data (o fersiwn 1.2.2).
• Mae'n 1 kB a llwythi ar ôl popeth arall.Mae'n ffynhonnell agored am ddim (trwydded MIT).

Beth yw effaith prefetch webpage preloading instant.page?

Ar ôl profi ychwanegu'r cod instant.page, mae'r gwelliant yng nghyflymder mynediad gwefan yn dal yn gymharol fawr.

• Yn ddiofyn, bydd yn hidlo i rag-lwytho dolenni'r wefan hon yn unig ac ni fydd yn llwytho dolenni o wefannau eraill.
• Pan fydd y llygoden yn clicio ar ddolen yr erthygl ar y chwith am fwy na 65ms, bydd y Rhwydwaith yn llwytho tudalen yr erthygl ymlaen llaw.
• Wrth hofran am lai na 65ms, ni pherfformir rhaglwytho (rhan goch) ▼

Bydd defnyddio instant.page yn cynyddu PV eich gwefan yn sylweddol ac yn gofyn am gyfaint:

• Dywedodd ffrind mai ei nifer cyfartalog o ymweliadau fesul ymweliad oedd 13.84.
• Ar ôl eu defnyddio, cododd nifer yr ymweliadau y pen i 17.43, sy'n cyfateb i agor 4 tudalen arall y pen.

Nodyn:

• Dylid nodi y dylai blogwyr sy'n defnyddio CDNs taledig a CDNs safle llawn agored wneud hynny gyda gofal.
• Ond peidiwch â phoeni, dim ond tudalennau html y mae rhaglwytho yn eu llwytho, ni fydd delweddau a ffeiliau eraill yn gwneud hynny, felly ni fydd llawer o draffig yn cael ei golli.

Sut i ddefnyddio technoleg rhag-lwytho tudalennau gwe?

Mewn gwirionedd, mae yna briodwedd rel yn y tag cyswllt o html5, ac mae un ohonynt yn rhagflaenydd, ond mae nifer y defnyddwyr yn fach.

Mae'r instant.page a gyflwynir yn yr erthygl hon yn sgript sy'n defnyddio'r dechneg hon.

• Bydd y sgript hon yn barnu yn seiliedig ar ba mor hir mae'r defnyddiwr yn symud dros y ddolen.
• Pan fydd yn taro 65ms, mae gan y defnyddiwr hanner siawns o agor y ddolen ac mae Instant.page yn rhaglwytho'r dudalen hon.

Tudalen we rhag-lwytho cod sgript JS

1) Darparu cyflymiad Cloudflare▼ i sgriptiau JS yn swyddogol

Mae'r defnydd o instant.page yn syml iawn, dim ond ychwanegu'r cod canlynol at eich gwefanYchydig cyn y label.

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

2) Rhyddid hunangynhaliolChen WeiliangCynnig ▼

• Mae'r sgript yn byw yn y gweinydd, Instantclick-1.2.2.js, felly does dim rhaid i chi boeni am arafu pethau. 

Ychwanegwch y cod canlynol at eich gwefanYchydig cyn y label:

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