Wat is it gebrûk fan foarladen fan websiden? Prefetch webside foarladen instant.page technology

Webside laden snelheid sil beynfloedzje joE-commercewebside yn sykmasineSEOranglist.

Wat is foarladen fan websiden?

D'r is in technyk neamd prefetch dy't eins in preloadtechnyk is.

• As in brûker mei opsetsin in side besykje, laadt de browser de side foar.
• As de brûker eins op de keppeling klikt, lêst de brûker direkt de side-ynhâld fan 'e foarladen cache en ferminderet de side-laadtiid.
• Amazon en oaren hawwe fûn dat 100-millisekonden latency foar 1% fan ferkeap ferantwurdet, mar latency op it web is dreech te oerwinnen.

Webside foarôf opheljeWat is it gebrûk fan preloading?

instant.page brûkt direkte foarladen - it laden de side foar foardat de brûker klikt ▼

• Foardat de brûker op de keppeling klikt, hoverje se oer de keppeling.
• As de brûker foar 65ms hoveret, sille se in kâns hawwe om op 'e keppeling te klikken, sadat instant.page op dit punt begjint te foarladen, gemiddeld oer 300ms foar de side om foar te laden.
• Op mobile apparaten begjinne brûkers har display oan te raken foardat se loslitte, en nimme in gemiddelde fan 90ms om de side foar te laden.

Prefetch makket websiden rapper laden

• It minsklik brein nimt minder dan 100 millisekonden om in aksje direkt te waarnimmen.
• Dêrom kin instant.page-preloadingtechnology jo webside sels op 3G direkt fiele (oannommen dat jo side-rendering-snelheid fluch is).

Hoe kinne jo it stadige laden fan websiden oplosse?

Siden wurde allinich foarladen as d'r in hege kâns is dat de brûker se sil besykje, en it laden allinich de HTML foar dy side foar, mei respekt foar de bânbreedte en CPU fan 'e brûker en de tsjinner.

• It brûkt passive harkers foar eveneminten om jo siden glêd te hâlden.
• It is net foarladen as de brûker gegevensbeskerming ynskeakelt (fanôf ferzje 1.2.2).
• It is 1 kB en laden nei al it oare.It is fergees en iepen boarne (MIT-lisinsje).

Wat is it effekt fan Prefetch webside preloading instant.page?

Nei it testen fan it tafoegjen fan de instant.page-koade, is de ferbettering yn 'e snelheid fan webside tagong noch relatyf grut.

• Standert sil it filterje om allinich dizze sidekeppelings foar te laden en sil gjin keppelings fan oare siden laden.
• As de mûs mear dan 65ms op de artikelkeppeling oan de linkerkant klikt, sil it Netwurk de artikelside foarlade.
• As jo ​​​​minder dan 65ms hoverje, wurdt foarladen net útfierd (reade diel)▼

It brûken fan instant.page sil de PV fan jo side signifikant ferheegje en fersykvolumint:

• In freon sei dat syn gemiddelde oantal besites per besite 13.84 wie.
• Nei gebrûk gie it oantal besites per haad nei 17.43, wat gelyk is oan it iepenjen fan 4 mear siden per persoan.

caution:

• It moat opmurken wurde dat bloggers dy't betelle CDN's brûke en iepen CDN's op folsleine side dat moatte dwaan mei foarsichtigens.
• Mar meitsje jo gjin soargen, preload allinich html-siden, ôfbyldings en oare bestannen sille net, dus d'r sil net folle ferkearsferlies wêze.

Hoe kinne jo technology foar foarladen fan websiden brûke?

Yn feite is d'r in rel attribút yn 'e keppeling tag fan html5, ien fan dat is prefetch, mar it oantal konsuminten is lyts.

De instant.page yn dit artikel yntrodusearre is in skript dat dizze technyk brûkt.

• Dit skript sil beoardielje op basis fan hoe lang de brûker mûseft oer de keppeling.
• As it 65ms rekket, hat de brûker in heale kâns om de keppeling te iepenjen en Instant.page laden dizze side foar.

Webside preload JS skriptkoade

1) Jou JS-skripts offisjeel mei Cloudflare-fersnelling▼

It gebrûk fan instant.page is heul ienfâldich, foegje gewoan de folgjende koade ta oan jo websideKrekt foar it label.

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

2) Self-hosted frijheidChen WeiliangOanbod▼

• It skript libbet yn 'e tsjinner, Instantclick-1.2.2.js, sadat jo gjin soargen hawwe oer it fertrage fan dingen. 

Foegje asjebleaft de folgjende koade ta oan jo websideKrekt foar it label:

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