Каква е ползата от предварително зареждане на уеб страница? Технология Prefetch web page preload instant.page

Скоростта на зареждане на уеб страницата ще се отрази на вашатаЕлектричество доставчикауебсайт в търсачкатаSEOКласиране.

Какво е предварително зареждане на уеб страница?

Има техника, наречена prefetch, която всъщност е техника за предварително зареждане.

• Когато потребител умишлено посети страница, браузърът предварително зарежда страницата.
• Когато потребителят действително кликне върху връзката, той директно прочита съдържанието на страницата от предварително заредения кеш и намалява времето за зареждане на страницата.
• Amazon и други са открили, че латентността от 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 страници на човек.

предпазни мерки:

• Трябва да се отбележи, че блогърите, използващи платени CDN и отворени CDN с пълен сайт, трябва да го правят с повишено внимание.
• Но не се притеснявайте, предварителното зареждане зарежда само html страници, изображения и други файлове не, така че няма да има голяма загуба на трафик.

Как да използвам технологията за предварително зареждане на уеб страници?

Всъщност има атрибут rel в тага за връзка на html5, един от които е prefetch, но броят на потребителите е малък.

Instant.page, представена в тази статия, е скрипт, който използва тази техника.

• Този скрипт ще прецени въз основа на това колко дълго потребителят държи мишката върху връзката.
• Когато достигне 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>