Веб-бетті алдын ала жүктеу не үшін қажет? Веб-бетті алдын ала жүктеу instant.page технологиясы

Веб-бетті жүктеу жылдамдығы сізге әсер етедіЭлектрондық коммерцияіздеу жүйесіндегі веб-сайтSEOРейтинг.

Веб-бетті алдын ала жүктеу дегеніміз не?

Prefetch деп аталатын әдіс бар, ол шын мәнінде алдын ала жүктеу әдісі болып табылады.

• Пайдаланушы бетке әдейі кіргенде, браузер бетті алдын ала жүктейді.
• Пайдаланушы сілтемені шынымен басқанда, пайдаланушы алдын ала жүктелген кэштен бет мазмұнын тікелей оқиды және бетті жүктеу уақытын қысқартады.
• Amazon және басқалары 100 миллисекундтық кідіріс сатылымның 1% құрайтынын анықтады, бірақ интернеттегі кідірісті жеңу қиын.

Веб-бетті алдын ала алуАлдын ала жүктеудің пайдасы қандай?

instant.page жылдам алдын ала жүктеуді пайдаланады - ол пайдаланушы басқанға дейін бетті алдын ала жүктейді ▼

• Пайдаланушы сілтемені баспас бұрын, меңзерді сілтеменің үстіне апарады.
• Пайдаланушы меңзерді 65 мс жылжытқанда, олардың сілтемені басу мүмкіндігі болады, сондықтан instant.page осы сәтте алдын ала жүктеле бастайды, бетті алдын ала жүктеу үшін орташа есеппен 300 мс асады.
• Мобильді құрылғыларда пайдаланушылар бетті алдын ала жүктеп алу үшін орташа есеппен 90 мс уақытты алып, шығарар алдында дисплейін түрте бастайды.

Prefetch веб-беттерді жылдамырақ жүктейді

• Адамның миы әрекетті бірден қабылдау үшін 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) Cloudflare жеделдетілген JS сценарийлерін ресми түрде қамтамасыз ету▼

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>