Веб-баракчаны алдын ала жүктөө эмне үчүн колдонулат? Веб баракчаны алдын ала жүктөө instant.page технологиясы

Веб баракчаны жүктөө ылдамдыгы сизге таасирин тийгизетэлектр жеткирүүчүиздөө системасындагы веб-сайтSEOрейтинг.

Веб баракчаны алдын ала жүктөө деген эмне?

Prefetch деген техника бар, ал чынында алдын ала жүктөө ыкмасы.

• Колдонуучу бир бетке атайылап киргенде, браузер баракты алдын ала жүктөйт.
• Колдонуучу чындап шилтемени чыкылдатканда, колдонуучу беттин мазмунун алдын ала жүктөлгөн кэштен түздөн-түз окуйт жана баракты жүктөө убактысын кыскартат.
• Amazon жана башкалар 100 миллисекунддук кечигүү сатуунун 1% ын түзөөрүн аныкташкан, бирок интернетте күтүүлөрдү жеңүү кыйын.

Веб баракчаны алдын ала алууАлдын ала жүктөөнүн кандай пайдасы бар?

instant.page заматта алдын ала жүктөөнү колдонот - колдонуучу чыкылдатканга чейин баракты алдын ала жүктөйт ▼

• Колдонуучу шилтемени чыкылдатуудан мурун, алар шилтеменин үстүнөн курсорду басып өтүшөт.
• Колдонуучу 65 мс сүзгөндө, алар шилтемени чыкылдатуу мүмкүнчүлүгүнө ээ болот, андыктан instant.page ушул учурда алдын ала жүктөй баштайт, баракты алдын ала жүктөө үчүн орточо эсеп менен 300 мс.
• Мобилдик түзмөктөрдө колдонуучулар экранды чыгарардан мурун тийе башташат, баракты алдын ала жүктөө үчүн орточо эсеп менен 90 мс талап кылынат.

Prefetch веб-баракчаларды тезирээк жүктөйт

• Адамдын мээси бир иш-аракетти заматта кабыл алуу үчүн 100 миллисекунддан азыраак убакытты алат.
• Ошондуктан, instant.page алдын ала жүктөө технологиясы веб-сайтыңызды 3Gде да заматта сезиши мүмкүн (баракыңызды көрсөтүү ылдамдыгы тез болсо).

Веб баракчалардын жай жүктөлүшүн кантип чечсе болот?

Барактар ​​колдонуучунун аларга кирүү ыктымалдыгы жогору болгондо гана алдын ала жүктөлөт жана ал колдонуучунун жана сервердин өткөрүү жөндөмдүүлүгүн жана CPU-ну эске алуу менен ошол бет үчүн HTMLди гана алдын ала жүктөйт.

• Бул сиздин баракчаларыңызды жылмакай сактоо үчүн пассивдүү окуя угуучуларды колдонот.
• Колдонуучу маалыматтарды коргоону иштеткенде, ал алдын ала жүктөлбөйт (1.2.2 версиясы боюнча).
• Бул 1 кБ жана бардык нерседен кийин жүктөлөт.Бул акысыз жана ачык булак (MIT лицензиясы).

Prefetch веб-баракчасынын 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.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>