Хуудасны хурд яагаад чухал вэ? Өөрийгөө хэрхэн туршиж, сайжруулах вэ

Хуудасны хурд яагаад чухал вэ?

Ихэнх сайтууд хуудасны хурд удаашралтай байдаг тул зочлогчдын тал орчим хувийг алддаг. Үнэндээ дундаж ширээний вэб хуудас үсрэлт 42% байна, гар утасны вэб хуудасны дундаж хурд 58% бөгөөд товшсоны дараа буух хуудасны дундаж хурд 60-90% хооронд хэлбэлздэг. Яаж ч хамаагүй тоог сайрхахгүй байх, ялангуяа гар утасны хэрэглээ улам бүр нэмэгдсээр байгаа тул хэрэглэгчдийн анхаарлыг татах, сонирхлыг татах нь өдрөөс өдөрт хэцүү болж байна.

Google-ийн мэдээлснээр хуудасны ачаалах дундаж хугацаа дээд буух хуудасодоо ч а 12.8 секунд удаан. Үүнд гар утасны интернэт өргөн тархсан, 4G хурд нь дэлхийн хамгийн өндөр үзүүлэлттэй газрууд орно. 

Хэрэглэгчдийн 53% нь 3 секундын дараа хуудсаа орхисон тул хуудасны дундаж хурд хэтэрхий удаан байна.

Хуудасны хурд ба үсрэх ханш

Хуудасны ачаалах хурд гэж юу вэ? Ойролцоогоор

Аз болоход шийдэл байна. Гэсэн хэдий ч бид үүнийг олж авахаасаа өмнө хуудасны хурдны ач холбогдлын талаар илүү ихийг олж мэдье.

Хуудасны хурд яагаад чухал вэ?

eMarketer нь 2019 онд үүнийг харуулж байна дэлхийн дижитал зар сурталчилгааны зардал 316 доллараас давна тэрбум зөвхөн ойрын ирээдүйд өсөх хандлагатай байна:

2017-2022 онуудад зарцуулсан дижитал зар

Брэндүүд зар сурталчилгаанд асар их мөнгө зарцуулж, төсвөөсөө хамгийн их ашиг олохыг хүсч байгаа нь тодорхой юм. Гэхдээ хүмүүс зар дээр дарахад - ба товшсоны дараа буух хуудас даруй ачаалж чадахгүй байна - тэд хэдхэн секундын дотор эргэж товшиж, улмаар сурталчлагчдын төсөв үрэгдэх болно.

Хуудасны хурдны өртгийн үр нөлөө нь асар их бөгөөд та хуудасны хурдыг урагшлуулах тэргүүлэх чиглэл болгох ёстой. Өөрийн дижитал сурталчилгааны кампанит ажлыг үнэлэхдээ анхаарах хэдэн хэмжүүр, санааг энд оруулав.

Чанарын оноо

Хуудсыг удаашруулж ачаалах нь хэрэглэгчдийг бухимдуулаад зогсохгүй Чанарын Оноонд сөргөөр нөлөөлдөг. Чанарын оноо нь танай шууд хамааралтай тул зарын зэрэг, эцэст нь товшилт бүрт юу төлж болох вэ, удаан ачаалах хуудас нь оноог аяндаа бууруулдаг.

Хөрвүүлэлтийн ханш

Хэрэв таны хуудас ачаалахыг хүлээж цөөхөн хүн наалдаж байвал цөөн хүн хөрвөх боломжийг олж авах болно. Тэд таны санал, ашиг тус, үйл ажиллагаанд уриалан дуудах гэх мэт зүйлийг үзэхээс өмнө хуудсаа орхиж байна.

Жишээлбэл, жижиглэнгийн худалдаагаар, бүр нэг секундын саатал хөдөлгөөнт ачааллын хугацаанд хөрвүүлэлтийн түвшинд 20% хүртэл нөлөөлж болно.

Гар утасны туршлага

2016 оны хагаст мобайл вэб хэрэглээ ширээний траффикийг эзлэхүүнээр дамжуулсан:

Гар утас нь ширээний дэлгэцийн хүснэгтээс давсан

Хэрэглэгчдийн зарцуулалттай хамт гар утсанд илүү их цаг зарцуулах, маркетерууд болон сурталчлагчдыг дасан зохицохыг албадаж байсан (одоо ч тулгаж байна). Хүргэх нэг арга зам хөдөлгөөнт оновчтой кампанит ажил нь хурдан ачаалах хуудас үүсгэх явдал юм.

Энэ нь биднийг эдгээр асуудал тус бүрт чиглэсэн # 1 хуудасны хурдны шийдэлд хүргэх болно.

AMP Landing Pages нь хуудасны хурдыг нэмэгдүүлдэг

AMP, нээлттэй эхийн хүрээ 2016 онд нэвтрүүлсэн нь сурталчлагчдад хэрэглэгчийн туршлагыг юунаас илүү эрэмбэлсэн аянга хурдан, гөлгөр ачаалал бүхий хөдөлгөөнт вэб хуудсуудыг бий болгох арга замыг санал болгож байна. 

AMP хуудсууд нь сурталчлагчдын сонирхлыг татдаг бөгөөд тэдгээр нь агшин зуур ачаалагдах хугацааг өгдөг бөгөөд зарим загварчлах, брэндчилсэн тохиргоог дэмжиж өгдөг. Тэд HTML / CSS болон JavaScript-ийг хязгаарладаг тул товшсоны дараа буух хуудсыг илүү хурдан үзүүлэх боломжийг олгодог. Түүнчлэн уламжлалт гар утасны хуудсуудаас ялгаатай нь AMP хуудсууд Google AMP Cache-ээр автоматаар хадгалагддаг бөгөөд Google хайлтаар ачаалах хугацаа илүү хурдан болдог.

Даралтын дараах оновчлолын удирдагчийн хувьд Instapage нь AMP-ийн хүрээг ашиглан товшсоны дараа буух хуудас үүсгэх чадварыг санал болгодог.

Хурдасгасан хөдөлгөөнт хуудсууд (AMP)

нь Instapage AMP бүтээгч, маркетерууд болон сурталчлагчид дараахь зүйлийг хийх боломжтой.

  • Instapage платформоос шууд хөгжүүлэгчгүйгээр AMP товшсоны дараа буух хуудсыг үүсгээрэй
  • Баталгаажуулалт, A / B тест, AMP хуудсуудыг WordPress эсвэл өөрчлөн тохируулсан домэйнд нийтлэх
  • Гар утасны илүү сайн туршлагыг хүргэх, Чанарын оноог нэмэгдүүлэх, хөрвүүлэлтийг нэмэгдүүлэх

AMP хурдавчилсан гар утасны хуудсыг баталгаажуулах

Хурдасгасан хөдөлгөөнт хуудасны баталгаажуулалт (AMP)

Хувьсгалт сонсголын аппаратын Eargo компани нь AMP-ийг товшсоны дараахь туршлагаа хэрэгжүүлснээс хойш гайхалтай үр дүнг олж харлаа.

Instapage-ийн AMP Landing Pages

Instapage бүхий AMP Landing Pages

Instapage ашиглан AMP хуудсуудыг бүтээхээс гадна хуудасны хурдыг сайжруулах хэд хэдэн арга байдаг. Эдгээрээс гурвыг нь эхлүүлэхээр орууллаа.

3 Хуудасны хурдыг сайжруулах бусад аргууд

1. Хуудасны хурдны хэрэгслийг хөшүүрэг болгоно уу

PageSpeed ​​Insights Энэ нь таны хуудсыг 0-ээс 100 оноо хүртэл үнэлдэг Google-ийн хурдны тест юм.

хуудасны хурдны талаарх ойлголт

Оноо нь хоёр параметр дээр үндэслэнэ.

  1. Ачаалалаас дээш ачаалах хугацаа (хэрэглэгч шинэ хуудас хүссэний дараа хуудсыг дээрх хуудсыг харуулах нийт хугацаа)
  2. Хуудсыг бүтэн ачаалах хугацаа (хэрэглэгчийн хүсэлт гаргасны дараа хөтөч хуудсыг бүрэн гаргахад шаардлагатай хугацаа)

Таны оноо өндөр байх тусам таны хуудас илүү оновчтой болно. Эрхий хурууны дүрмийн дагуу 85-аас дээш зүйл таны хуудас сайн ажиллаж байгааг харуулж байна. 85-аас доош бол Google-ээс өгсөн оноогоо авч оноогоо өсгөх хэрэгтэй.

PageSpeed ​​Insights нь таны хуудасны ширээний болон гар утасны хувилбаруудын тайланг гаргаж өгдөг бөгөөд сайжруулах зөвлөмжийг санал болгодог.

Google-тэй бодоод үзээрэй: Миний сайтыг туршиж үзээрэй, PageSpeed ​​Insights багийн эхлүүлсэн, гар утасны болон ширээний аль алинаас ялгаатай нь зөвхөн хөдөлгөөнт хуудасны хурдыг шалгадаг. Энэ бол таны хуудсууд хэр хурдан (эсвэл удаан) ачаалагдаж байгааг харуулах бас нэг үзүүлэлт юм.

миний сайтыг google тестээр бодоорой

Энэ хэрэгсэл нь таны ачаалах хугацааг харуулдаг бөгөөд сайтынхаа хуудас бүрийг хурдасгахын тулд захиалгат зөвлөмжийг өгдөг бөгөөд дараа нь бүрэн тайлан гаргах сонголтыг санал болгодог.

2. Бүрэн оновчтой зураг (шахах)

Шахах, хэмжээг өөрчлөх, форматлах гэх мэт зургуудыг оновчтой болгох нь байтыг хэмнэх, хуудас ачаалах хугацааг түргэсгэх, гар утасны сайтын ажиллагааг сайжруулахад тусалдаг. Дунд бусад шилдэг зөвлөмжүүд, Google шаардлагагүй өндөр нягтралтай зураг, GIF зургийг устгаж, боломжтой бол текст эсвэл CSS-тэй зургийг орлуулахыг хэлэв. 

Цаашилбал, эдгээр тохиргоог автоматжуулж болох тул шахсан, хэмжээ өөрчлөгдсөн зургуудад үйлчлэх нь урьд өмнө хэзээ ч байгаагүй хялбар болсон. Жишээлбэл, та хэдэн зуун зургийг скриптээр автоматаар өөрчилж, шахаж, гарын авлагын ажлыг багасгах боломжтой байж болно (AMP хуудсыг бүтээхдээ өөрчлөн зургийн шошго нь эдгээр олон оновчлолыг автоматаар хийдэг).

Зургийн оновчтой хэлбэрийг сонгох нь маш олон сонголттой тул хэцүү байж болно. Энэ бүхэн нь ашиглалтын тохиолдлоос хамаарна, гэхдээ хамгийн нийтлэг заримыг энд оруулав.

  • Вэб: Гэрэл зураг, тунгалаг зураг
  • JPEG: Ил тод бус гэрэл зураг
  • PNG: Ил тод дэвсгэр
  • SVG: Өргөтгөх боломжтой дүрс ба дүрс

Зургийн чанарыг алдалгүйгээр JPEG-ээс 30% илүү шахах боломжийг олгодог тул Google нь WebP-ээс эхлэхийг зөвлөж байна.

3. Хавтаснаас дээш агуулгыг эрэмбэлэх

Хэрэглэгчийн сайтын хурдны талаарх ойлголтыг сайжруулах нь сайтын хурдыг сайжруулахтай адил чухал юм. Тиймээс ч таны зургуудыг оновчтой болгосны дараа тэдгээрийг яг зөв цаг хугацаанд нь хүргэх ёстой.

Үүнийг анхаарч үзээрэй: Хөдөлгөөнт төхөөрөмж дээр сайтын харагдах хэсэг нь жижиг талбайд хязгаарлагддаг, атираагаас дээш. Үүний үр дүнд та тухайн хэсэгт агуулгыг хурдан ачаалах боломжтой бол нөгөө элементүүд ар талдаа татагдах болно.

Тэмдэглэл: AMP-ийг өвөрмөц болгоход туслах зүйл бол нөөцийг нэн тэргүүнд ачих ач холбогдол бүхий ач холбогдолтой бөгөөд зөвхөн хамгийн чухал нөөцийг эхлээд татаж авах боломжийг олгодог.

Сайт дээрх зургуудын тоог багасгах, ялангуяа жижиглэнгийн худалдааны брэндүүд, жишээлбэл, олон бүтээгдэхүүнтэй болох нь багасгахад бэрхшээлтэй байж болох юм, гэхдээ эдгээр гурван тактикийн тусламжтайгаар дор хаяж ачааллын цаг хугацаанд зургуудын нөлөөллийг багасгах нь чухал хэвээр байна. 

Хуудасныхаа хурдыг AMP ашиглан нэмэгдүүлэх

Хэрэв таны гар утасны хуудсууд хуудас ачаалах хурд удаан байгаагаас шалтгаалан өндөр үсрэлтүүд болон хөрвөх чадвар багатай байгаа бол AMP хуудсууд таны авралын ач тус болж магадгүй юм.

Зочдод хурдан, оновчтой, холбогдох гар утасны хайлтын туршлагыг хүргэх, үйл ажиллагааны явцад чанарын оноо, хөрвүүлэлтийг сайжруулахын тулд AMP хуудсуудыг товшиж эхэлнэ үү.

Чи юу гэж бодож байна?

Энэ сайт нь спамыг багасгахын тулд Akismet-ийг ашигладаг. Таны өгөгдлийг хэрхэн боловсруулдаг талаар суралц.