Која е употребата на претходно вчитување на веб-страници? Преземете ја однапред вчитаната веб-страница технологијата instant.page

Брзината на вчитување на веб-страницата ќе влијае на вашатаЕ-трговијавеб-страница во пребарувачотОптимизацијарангирање.

Што е претходно вчитување на веб-страница?

Постои техника наречена prefetch која всушност е техника на preload.

• Кога корисникот намерно посетува страница, прелистувачот однапред ја вчитува страницата.
• Кога корисникот всушност ќе кликне на врската, корисникот директно ја чита содржината на страницата од претходно вчитаниот кеш и го намалува времето на вчитување на страницата.
• Амазон и други открија дека латентноста од 100 милисекунди сочинува 1% од продажбата, но доцнењето на веб е тешко да се надмине.

Преземете ја веб-страницата однапредКоја е употребата на претходно вчитување?

instant.page користи инстант претходно вчитување - ја превчитува страницата пред корисникот да кликне ▼

• Пред корисникот да кликне на врската, тие лебдат над врската.
• Кога корисникот лебди 65 ms, ќе има шанса да кликне на врската, така што instant.page почнува да се вчитува однапред во овој момент, во просек над 300 ms за претходно вчитување на страницата.
• На мобилните уреди, корисниците почнуваат да го допираат својот екран пред да го пуштат, а во просек им требаат 90 ms за да ја вчитаат страницата однапред.

Prefetch прави веб-страниците да се вчитуваат побрзо

• На човечкиот мозок му требаат помалку од 100 милисекунди за да забележи дејство веднаш.
• Затоа, технологијата за претходно вчитување на instant.page може да направи вашата веб-страница да се чувствува моментално дури и на 3G (под претпоставка дека брзината на прикажување на вашата страница е голема).

Како да се реши бавното вчитување на веб-страниците?

Страниците се однапред вчитани само кога постои голема веројатност корисникот да ги посети, а тој само однапред го вчитува HTML за таа страница, почитувајќи го пропусниот опсег и процесорот на корисникот и серверот.

• Тој користи пасивни слушатели на настани за да ги одржува вашите страници мазни.
• Не е претходно вчитан кога корисникот овозможува заштита на податоците (од верзијата 1.2.2).
• Тоа е 1 kB и се вчитува после сè друго.Тој е бесплатен и со отворен код (MIT лиценца).

Каков е ефектот на претходно вчитување на веб-страницата на instant.page однапред?

По тестирањето на додавањето на кодот instant.page, подобрувањето во брзината на пристап до веб-локацијата е сè уште релативно големо.

• Стандардно ќе се филтрира за претходно да се вчитаат само врските на оваа страница и нема да вчита линкови од други сајтови.
• Кога глувчето ќе кликне на врската со статијата лево повеќе од 65 ms, Мрежата однапред ќе ја вчита страницата со статијата.
• Кога лебдите помалку од 65 ms, не се врши претходно вчитување (црвен дел) ▼

Користењето на instant.page значително ќе го зголеми PV-то на вашата страница и јачината на барањето:

• Еден пријател рече дека неговиот просечен број на посети по посета е 13.84.
• По користењето, бројот на посети по глава на жител се искачи на 17.43, што е еквивалентно на отворање на уште 4 страници по лице.

Забелешка:

• Треба да се напомене дека блогерите кои користат платени ЦДН и отворени ЦДН на целосна локација треба да го прават тоа со претпазливост.
• Но, не грижете се, однапред вчитувајте ги само html-страниците, сликите и другите датотеки нема да се вчитуваат, така што нема да има голема загуба во сообраќајот.

Како да се користи технологијата за претходно вчитување на веб-страници?

Всушност, постои атрибут rel во ознаката за врска на html5, од кои едната е prefetch, но бројот на потрошувачи е мал.

Инстант.страницата воведена во оваа статија е скрипта што ја користи оваа техника.

• Оваа скрипта ќе процени врз основа на тоа колку долго корисникот ја движи врската со глувчето.
• Кога ќе достигне 65 ms, корисникот има половина шанса да ја отвори врската и Instant.page однапред ја вчитува оваа страница.

Веб-страница однапред вчитана JS скрипта код

1) Официјално обезбедете JS скрипти со Cloudflare забрзување ▼

Користењето на instant.page е многу едноставно, само додадете го следниов код на вашата веб-страницаНепосредно пред етикетата.

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

2) Слобода на самодомаќинЧен ВајлијангПонуда ▼

• Скриптата живее во серверот, Instantclick-1.2.2.js, така што не мора да се грижите за забавување на работите. 

Ве молиме додадете го следниов код на вашата веб-страницаНепосредно пред етикетата:

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