Kini lilo iṣaju oju-iwe wẹẹbu? Prefetch oju-iwe wẹẹbu ṣaju iṣaju imọ-ẹrọ instant.page

Iyara ikojọpọ oju-iwe wẹẹbu yoo ni ipa lori rẹIṣowo E-commerceaaye ayelujara ni search engineSEOipo.

Kini iṣaju iṣaju oju-iwe wẹẹbu?

Ilana kan wa ti a npe ni prefetch eyiti o jẹ ilana iṣaju tẹlẹ.

• Nigbati olumulo kan ba mọọmọ ṣabẹwo si oju-iwe kan, ẹrọ aṣawakiri naa ṣaju oju-iwe naa.
• Nigbati olumulo ba tẹ ọna asopọ gangan, olumulo naa ka akoonu oju-iwe taara lati kaṣe ti a ti ṣajọ tẹlẹ ati dinku akoko fifuye oju-iwe.
• Amazon ati awọn miiran ti ri pe 100-millisecond lairi awọn iroyin fun 1% ti awọn tita, ṣugbọn lairi lori ayelujara jẹ gidigidi lati bori.

Prefetch oju-iwe ayelujaraKini lilo iṣaju iṣaju?

instant.page nlo iṣaju iṣaju lẹsẹkẹsẹ - o ṣaju oju-iwe ṣaaju ki olumulo to tẹ ▼

• Ṣaaju ki olumulo tẹ ọna asopọ naa, wọn ṣagbe lori ọna asopọ naa.
• Nigbati olumulo ba n gbe fun 65ms, wọn yoo ni aye lati tẹ ọna asopọ, nitorina instant.page bẹrẹ lati ṣaju ni aaye yii, aropin lori 300ms fun oju-iwe lati ṣaju.
• Lori awọn ẹrọ alagbeka, awọn olumulo bẹrẹ fifọwọkan ifihan wọn ṣaaju idasilẹ, mu aropin 90ms lati ṣaju oju-iwe naa.

Prefetch jẹ ki awọn oju-iwe wẹẹbu gbe yiyara

• Ọpọlọ eniyan gba to kere ju 100 milliseconds lati mọ iṣe kan lesekese.
• Nitorinaa, imọ-ẹrọ iṣaju oju-iwe instant.page le jẹ ki oju opo wẹẹbu rẹ ni rilara lẹsẹkẹsẹ paapaa lori 3G (a ro pe iyara ṣiṣe oju-iwe rẹ yara).

Bii o ṣe le yanju ikojọpọ lọra ti awọn oju-iwe wẹẹbu?

Awọn oju-iwe ti wa ni iṣaju nikan nigbati iṣeeṣe giga ba wa pe olumulo yoo ṣabẹwo si wọn, ati pe o ṣaju HTML nikan fun oju-iwe yẹn, ni ọwọ bandiwidi ati Sipiyu ti olumulo ati olupin naa.

• O nlo awọn olutẹtisi iṣẹlẹ palolo lati jẹ ki awọn oju-iwe rẹ jẹ didan.
• Ko ti ṣajọ tẹlẹ nigbati olumulo ba mu aabo data ṣiṣẹ (bii ti ikede 1.2.2).
• O jẹ 1 kB ati awọn ẹru lẹhin ohun gbogbo miiran.O jẹ ọfẹ ati orisun ṣiṣi (iwe-aṣẹ MIT).

Kini ipa ti oju-iwe wẹẹbu Prefetch ṣaju iṣaju instant.page?

Lẹhin idanwo fifi koodu instant.page kun, ilọsiwaju ni iyara wiwọle oju opo wẹẹbu tun tobi pupọ.

• Nipa aiyipada yoo ṣe àlẹmọ lati ṣaju awọn ọna asopọ aaye yii nikan kii yoo gbe awọn ọna asopọ lati awọn aaye miiran.
• Nigbati asin ba tẹ ọna asopọ nkan ni apa osi fun diẹ ẹ sii ju 65ms, Nẹtiwọọki yoo ṣaju oju-iwe nkan naa.
• Nigbati o ba nràbaba kere ju 65ms, iṣaju iṣaju ko ṣe (apakan pupa)▼

Lilo instant.page yoo ṣe alekun PV aaye rẹ ni pataki ati beere iwọn didun:

• Ọrẹ kan sọ pe apapọ nọmba awọn ibẹwo rẹ fun ibewo jẹ 13.84.
• Lẹhin lilo, nọmba kọọkan ti awọn ọdọọdun dide si 17.43, eyiti o jẹ deede si ṣiṣi awọn oju-iwe 4 diẹ sii fun eniyan.

Akiyesi:

• O yẹ ki o ṣe akiyesi pe awọn ohun kikọ sori ayelujara ti nlo CDN ti o san ati ṣiṣi awọn CDN aaye ni kikun yẹ ki o ṣe pẹlu iṣọra.
• Ṣugbọn maṣe yọ ara rẹ lẹnu, ṣaju iṣaju awọn oju-iwe html nikan, awọn aworan ati awọn faili miiran kii yoo, nitorinaa kii yoo ni ipadanu ijabọ pupọ.

Bawo ni lati lo imọ-ẹrọ iṣaju iṣaju oju-iwe wẹẹbu?

Ni otitọ, ẹda rel kan wa ninu tag ọna asopọ ti html5, ọkan ninu eyiti o jẹ prefetch, ṣugbọn nọmba awọn alabara jẹ kekere.

Awọn instant.page ti a ṣe ninu nkan yii jẹ iwe afọwọkọ ti o nlo ilana yii.

• Iwe afọwọkọ yii yoo ṣe idajọ da lori bii igba ti olumulo naa ṣe gun lori ọna asopọ naa.
• Nigbati o ba de 65ms, olumulo ni aye idaji lati ṣii ọna asopọ ati Instant.page ṣe ṣaju oju-iwe yii.

Oju-iwe ayelujara ṣaju koodu iwe afọwọkọ JS

1) Ni ifowosi pese awọn iwe afọwọkọ JS pẹlu isare Cloudflare▼

Lilo instant.page jẹ rọrun pupọ, kan ṣafikun koodu atẹle si oju opo wẹẹbu rẹO kan ṣaaju aami naa.

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

2) Ominira ti o gbalejoChen WeiliangÌfilọ▼

• Iwe afọwọkọ naa n gbe inu olupin naa, Instantclick-1.2.2.js, nitorinaa o ko ni aibalẹ nipa idinku awọn nkan si isalẹ. 

Jọwọ ṣafikun koodu atẹle si oju opo wẹẹbu rẹṢaaju ki aami naa:

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