Mire jó a weboldal előtöltése? Weboldal előzetes letöltése az instant.page technológia

A weboldal betöltési sebessége hatással lesz aáramszolgáltatóweboldal a keresőbenSEORangsor.

Mi az a weboldal előtöltése?

Létezik egy prefetch nevű technika, amely valójában egy előtöltési technika.

• Amikor a felhasználó szándékosan felkeres egy oldalt, a böngésző előre betölti az oldalt.
• Amikor a felhasználó ténylegesen rákattint a hivatkozásra, a felhasználó közvetlenül beolvassa az oldal tartalmát az előre betöltött gyorsítótárból, és csökkenti az oldal betöltési idejét.
• Az Amazon és mások úgy találták, hogy a 100 ezredmásodperces késleltetés az eladások 1%-át teszi ki, de a weben tapasztalható késleltetést nehéz leküzdeni.

Weboldal előzetes letöltéseMire jó az előtöltés?

Az instant.page azonnali előtöltést használ – az oldalt azelőtt betölti, mielőtt a felhasználó a ▼ gombra kattintana

• Mielőtt a felhasználó rákattint a hivatkozásra, az egérmutatót a hivatkozás fölé viszi.
• Amikor a felhasználó 65 ms-ig lebeg az egérmutatóval, lehetősége lesz rákattintani a hivatkozásra, így az instant.page ezen a ponton kezdi meg az előtöltést, átlagosan több mint 300 ms-ig az oldal előtöltéséhez.
• Mobileszközökön a felhasználók a megjelenés előtt kezdik megérinteni a kijelzőjüket, átlagosan 90 ms-ig tart az oldal előtöltése.

Az előzetes letöltés gyorsabbá teszi a weboldalak betöltését

• Az emberi agynak kevesebb mint 100 ezredmásodperc kell ahhoz, hogy azonnal észleljen egy cselekvést.
• Ezért az instant.page előbetöltési technológia azonnali érzetet kelthet webhelyén még 3G-n is (feltéve, hogy az oldal megjelenítési sebessége gyors).

Hogyan lehet megoldani a weboldalak lassú betöltődését?

Az oldalak csak akkor kerülnek előtöltésre, ha nagy a valószínűsége annak, hogy a felhasználó felkeresi őket, és csak az adott oldal HTML-kódját tölti be előre, figyelembe véve a felhasználó és a szerver sávszélességét és CPU-ját.

• Passzív eseményfigyelőket használ, hogy az oldalak zökkenőmentesek legyenek.
• Nincs előre betöltve, ha a felhasználó engedélyezi az adatvédelmet (az 1.2.2-es verziótól).
• 1 kB, és minden más után betöltődik.Ingyenes és nyílt forráskódú (MIT licenc).

Mi a hatása az Instant.page weboldal előzetes letöltésének?

Az instant.page kód hozzáadásának tesztelése után a webhely-hozzáférés sebességének javulása még mindig viszonylag jelentős.

• Alapértelmezés szerint a rendszer úgy szűri, hogy csak erre a webhelyre mutató linkeket tölt be előre, és nem tölti be más webhelyekről származó hivatkozásokat.
• Ha az egérrel több mint 65 ms-ig a bal oldalon található cikk hivatkozására kattint, a hálózat előre betölti a cikk oldalát.
• Ha 65 ms-nál rövidebb ideig lebeg, az előtöltés nem történik meg (piros rész)▼

Az instant.page használata jelentősen növeli webhelye PV-jét és kérelmeinek mennyiségét:

• Egy barátja elmondta, hogy látogatásonként átlagosan 13.84 látogatást tett.
• Használat után az egy főre eső látogatások száma 17.43-ra emelkedett, ami fejenként további 4 oldal megnyitásának felel meg.

óvintézkedések:

• Meg kell jegyezni, hogy a fizetős CDN-eket és a nyílt, teljes webhelyű CDN-eket használó bloggereknek ezt óvatosan kell tenniük.
• De ne aggódjon, az előtöltés csak a html oldalakat tölti be, a képeket és más fájlokat nem, így nem lesz nagy forgalomveszteség.

Hogyan kell használni a weboldal előtöltési technológiát?

Valójában a html5 link tagjában van egy rel attribútum, amelyből az egyik a prefetch, de a fogyasztók száma kicsi.

Az ebben a cikkben bemutatott instant.page egy szkript, amely ezt a technikát használja.

• Ez a szkript az alapján ítéli meg, hogy a felhasználó mennyi ideig viszi az egeret a hivatkozásra.
• Amikor eléri a 65 ms-ot, a felhasználónak fél esélye van a link megnyitására, és az Instant.page előtölti ezt az oldalt.

A weboldal előtölti a JS-szkript kódját

1) Hivatalosan biztosítson JS-szkripteket Cloudflare-gyorsítással▼

Az instant.page használata nagyon egyszerű, csak adja hozzá a következő kódot a webhelyéhezKözvetlenül a címke előtt.

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

2) Önálló szabadságChen WeiliangAjánlat▼

• A szkript az Instantclick-1.2.2.js szerveren él, így nem kell attól tartania, hogy lelassítja a dolgokat. 

Kérjük, adja hozzá a következő kódot webhelyéhezKözvetlenül a címke előtt:

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