Якая карысць ад папярэдняй загрузкі вэб-старонкі? Тэхналогія папярэдняй загрузкі вэб-старонкі instant.page

Хуткасць загрузкі вэб-старонкі будзе ўплываць на вашуЭлектронная камерцыясайт у пошукавай сістэмеSEOРэйтынг.

Што такое папярэдняя загрузка вэб-старонкі?

Існуе метад папярэдняй выбаркі, які насамрэч з'яўляецца метадам папярэдняй загрузкі.

• Калі карыстальнік наўмысна наведвае старонку, браўзер папярэдне загружае старонку.
• Калі карыстальнік сапраўды націскае на спасылку, ён непасрэдна чытае змесціва старонкі з папярэдне загружанага кэша і скарачае час загрузкі старонкі.
• Amazon і іншыя выявілі, што 100-мілісекундная затрымка складае 1% продажаў, але затрымку ў Інтэрнэце цяжка пераадолець.

Папярэдняя загрузка вэб-старонкіЯкая карысць ад папярэдняй загрузкі?

instant.page выкарыстоўвае імгненную папярэднюю загрузку - яна папярэдне загружае старонку да таго, як карыстальнік націсне ▼

• Перш чым карыстальнік пстрыкне па спасылцы, ён наводзіць курсор на спасылку.
• Калі карыстальнік наводзіць курсор на 65 мс, у яго будзе магчымасць націснуць на спасылку, таму instant.page пачынае папярэдне загружацца ў гэты момант, у сярэднім для папярэдняй загрузкі старонкі патрабуецца больш за 300 мс.
• На мабільных прыладах карыстальнікі пачынаюць дакранацца да свайго дысплея, перш чым адпусціць яго, у сярэднім патрабуецца 90 мс для папярэдняй загрузкі старонкі.

Папярэдняя выбарка дазваляе хутчэй загружаць вэб-старонкі

• Чалавечаму мозгу патрабуецца менш за 100 мілісекунд, каб імгненна ўспрыняць дзеянне.
• Такім чынам, тэхналогія папярэдняй загрузкі instant.page можа зрабіць ваш вэб-сайт імгненным нават у 3G (пры ўмове, што хуткасць візуалізацыі вашай старонкі высокая).

Як вырашыць павольную загрузку вэб-старонак?

Старонкі папярэдне загружаюцца толькі тады, калі існуе высокая верагоднасць таго, што карыстальнік іх наведае, і папярэдне загружаецца толькі HTML для гэтай старонкі з захаваннем прапускной здольнасці і працэсара карыстальніка і сервера.

• Ён выкарыстоўвае пасіўныя слухачы падзей, каб вашы старонкі былі гладкімі.
• Ён не загружаецца, калі карыстальнік уключае абарону даных (пачынаючы з версіі 1.2.2).
• Гэта 1 кБ і загружаецца пасля ўсяго астатняга.Гэта бясплатна і з адкрытым зыходным кодам (ліцэнзія MIT).

Які эфект ад папярэдняй загрузкі вэб-старонкі instant.page?

Пасля тэставання дадання кода instant.page паляпшэнне хуткасці доступу да вэб-сайта ўсё яшчэ адносна значнае.

• Па змаўчанні ён будзе фільтраваць для папярэдняй загрузкі спасылак толькі на гэты сайт і не будзе загружаць спасылкі з іншых сайтаў.
• Калі мышка націскае на спасылку артыкула злева больш за 65 мс, сетка папярэдне загрузіць старонку артыкула.
• Пры завісанні менш за 65 мс папярэдняя загрузка не выконваецца (чырвоная частка)▼

Выкарыстанне instant.page значна павялічыць PV вашага сайта і аб'ём запытаў:

• Сябар сказаў, што яго сярэдняя колькасць наведванняў за адзін візіт была 13.84.
• Пасля выкарыстання колькасць наведванняў на душу насельніцтва вырасла да 17.43, што эквівалентна адкрыццю яшчэ 4 старонак на чалавека.

Заўвага:

• Варта адзначыць, што блогеры, якія выкарыстоўваюць платныя CDN і адкрытыя поўнасайтавыя CDN, павінны рабіць гэта з асцярожнасцю.
• Але не хвалюйцеся, папярэдняя загрузка загружае толькі старонкі HTML, выявы і іншыя файлы не будзе, так што страты трафіку не будзе.

Як выкарыстоўваць тэхналогію папярэдняй загрузкі вэб-старонкі?

Фактычна, у тэгу спасылкі html5 ёсць атрыбут rel, адзін з якіх з'яўляецца папярэдняй выбаркай, але колькасць спажыўцоў невялікая.

instant.page, прадстаўленая ў гэтым артыкуле, з'яўляецца скрыптам, які выкарыстоўвае гэтую тэхніку.

• Гэты скрыпт будзе ацэньваць на аснове таго, як доўга карыстальнік наводзіць мышку на спасылку.
• Калі ён дасягае 65 мс, у карыстальніка ёсць палова шанцаў адкрыць спасылку, і Instant.page папярэдне загружае гэту старонку.

Папярэдняя загрузка кода сцэнарыя JS для вэб-старонкі

1) Афіцыйна падаць скрыпты JS з паскарэннем Cloudflare▼

Выкарыстанне instant.page вельмі простае, проста дадайце наступны код на свой сайтНепасрэдна перад этыкеткай.

<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>

2) Самастойная свабодаЧэнь ВэйлянПрапанова▼

• Скрыпт знаходзіцца на серверы Instantclick-1.2.2.js, таму вам не трэба турбавацца аб запаволенні працы. 

Калі ласка, дадайце наступны код на свой сайтНепасрэдна перад этыкеткай:

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