Direttorju tal-Artikoli
Il-veloċità tat-tagħbija tal-paġna tal-web se taffettwa tiegħekKummerċ elettronikuwebsajt fil-magna tat-tiftixSEOklassifikazzjoni.
X'inhu l-preloading tal-paġna tal-web?
Hemm teknika msejħa prefetch li fil-fatt hija teknika preload.
- Meta utent iżur paġna intenzjonalment, il-browser itella' minn qabel il-paġna.
- Meta l-utent fil-fatt jikklikkja l-link, l-utent jaqra direttament il-kontenut tal-paġna mill-cache mgħobbija minn qabel u jnaqqas il-ħin tat-tagħbija tal-paġna.
- Amazon u oħrajn sabu li latenza ta '100 millisekonda tammonta għal 1% tal-bejgħ, iżda l-latenza fuq il-web hija diffiċli biex tingħeleb.
Prefetch webpageX'inhu l-użu ta 'preloading?
instant.page juża preloading immedjat - itella' minn qabel il-paġna qabel ma l-utent jagħfas ▼
- Qabel ma l-utent jikklikkja fuq il-link, jgħaddi fuq il-link.
- Meta l-utent iċċaqlaq għal 65ms, ikollu ċ-ċans li jikklikkja fuq il-link, għalhekk instant.page jibda jgħabbi minn qabel f'dan il-punt, b'medja ta 'aktar minn 300ms biex il-paġna tittella' minn qabel.
- Fuq apparat mobbli, l-utenti jibdew imissu l-wiri tagħhom qabel ma jirrilaxxaw, u jieħdu medja ta’ 90ms biex jitgħabbew minn qabel il-paġna.
Prefetch jagħmel il-paġni tal-web jitgħabbew aktar malajr
- Il-moħħ tal-bniedem jieħu inqas minn 100 millisekondi biex jipperċepixxi azzjoni istantanjament.
- Għalhekk, it-teknoloġija tal-preloading instant.page tista 'tagħmel il-websajt tiegħek tħossok immedjat anke fuq 3G (jekk wieħed jassumi li l-veloċità tar-rendi tal-paġna tiegħek hija mgħaġġla).
Kif issolvi t-tagħbija bil-mod tal-paġni tal-web?
Il-paġni jitgħabbew minn qabel biss meta jkun hemm probabbiltà kbira li l-utent iżurhom, u jittella' biss l-HTML għal dik il-paġna, filwaqt li jirrispetta l-bandwidth u s-CPU tal-utent u s-server.
- Juża semmiegħa tal-avvenimenti passivi biex iżżomm il-paġni tiegħek bla xkiel.
- Mhux mgħobbi minn qabel meta l-utent jippermetti l-protezzjoni tad-dejta (mill-verżjoni 1.2.2).
- Huwa 1 kB u tagħbijiet wara kull ħaġa oħra.Huwa b'xejn u sors miftuħ (liċenzja MIT).
X'inhu l-effett ta' Prefetch webpage preloading instant.page?
Wara l-ittestjar li żżid il-kodiċi instant.page, it-titjib fil-veloċità tal-aċċess għall-websajt għadu relattivament kbir.
- B'mod awtomatiku se jiffiltra biex itella' minn qabel il-links ta' dan is-sit biss u mhux se jgħabbi links minn siti oħra.
- Meta l-maws tikklikkja fuq il-link tal-artiklu fuq ix-xellug għal aktar minn 65 ms, in-Netwerk itella' minn qabel il-paġna tal-artiklu.
- Meta tittajjar għal inqas minn 65ms, it-tagħbija minn qabel ma ssirx (parti ħamra)▼
L-użu ta' instant.page se jżid b'mod sinifikanti l-PV tas-sit tiegħek u l-volum tat-talbiet:
- Ħabib qal li n-numru medju ta’ żjarat għal kull żjara kien ta’ 13.84.
- Wara l-użu, in-numru ta 'żjarat per capita tela' għal 17.43, li huwa ekwivalenti għall-ftuħ ta '4 paġni oħra għal kull persuna.
Nota:
- Għandu jiġi nnutat li bloggers li jużaw CDNs imħallsa u CDNs full-site miftuħa għandhom jagħmlu dan b'kawtela.
- Imma tinkwetax, preload biss tagħbijiet paġni html, immaġini u fajls oħra mhux se, għalhekk mhux se jkun hemm ħafna telf ta 'traffiku.
Kif tuża t-teknoloġija tal-preloading tal-paġna web?
Fil-fatt, hemm attribut rel fit-tikketta tal-link ta 'html5, li waħda minnhom hija prefetch, iżda n-numru ta' konsumaturi huwa żgħir.
L-instant.page introdott f'dan l-artikolu huwa skript li juża din it-teknika.
- Dan l-iskritt se jiġġudika bbażat fuq kemm idum il-maws l-utent fuq il-link.
- Meta tolqot 65ms, l-utent ikollu nofs ċans li jiftaħ il-link u Instant.page itella' minn qabel din il-paġna.
Il-kodiċi tal-iskrittura JS tat-tagħbija minn qabel tal-paġna tal-web
1) Ipprovdi uffiċjalment skripts JS b'aċċelerazzjoni Cloudflare▼
L-użu ta 'instant.page huwa sempliċi ħafna, żid biss il-kodiċi li ġej mal-websajt tiegħekEżatt qabel it-tikketta.
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>
2) Libertà self-hostedChen WeiliangOfferta▼
- L-iskrittura jgħix fis-server, Instantclick-1.2.2.js, sabiex ma jkollokx għalfejn tinkwieta dwar it-tnaqqis tal-affarijiet.
Jekk jogħġbok żid il-kodiċi li ġej mal-websajt tiegħekEżatt qabel it-tikketta:
<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) shared "X'inhu l-użu tat-tagħbija minn qabel tal-paġna web? Prefetch web page preloading instant.page technology" biex jgħinek.
Merħba biex taqsam il-link ta' dan l-artikolu:https://www.chenweiliang.com/cwl-1053.html
Merħba fil-kanal Telegram tal-blog ta' Chen Weiliang biex tikseb l-aħħar aġġornamenti!
📚 Din il-gwida fiha valur kbir, 🌟Din hija opportunità rari, titlifhiex! ⏰⌛💨
Share u like jekk togħġobkom!
Il-qsim u l-likes tiegħek huma l-motivazzjoni kontinwa tagħna!