Вэб хуудсын хөрвүүлэх хурдыг нэмэгдүүлэх хамгийн хялбар арга нь CTA товчлуурын нэрийг сайжруулах эсвэл өнгийг өөрчлөхтэй ямар ч холбоогүй , харин навигацийн явцад хамгийн хурдан хэрэглэгчийн туршлагыг хангах явдал гэдгийг олон хүн дутуу үнэлдэг.
Агуулгын хүснэгт
Google-ийн судалгаагаар хөрвүүлэлтийн хурд болон ачаалах хугацаа хоёрын хоорондын уялдаа холбоог олж илрүүлсэн бөгөөд товшилтын дараа ачаалах хуудас удаашралтай байгаа тул хөрвүүлгийнхээ талыг хэрхэн алдаж болохыг онцолсон байна. Аз болоход, юу удаашруулж байгааг тодорхойлох хэрэгсэл байдаг.
Google хайлтын хуудасны хурд
900,000 зар дээр дарсны дараа Google-ийн судлаачид товшсоны дараах гар утасны буух хуудас дунджаар 22 секундын дотор ачаалагддаг болохыг тогтоожээ . Энэ нь ихэнх тэвчээргүй интернет хэрэглэгчдийн хуудаснаас гарахын өмнө хүлээдэг хугацаанаас 7 дахин урт байдаг нь ичмээр үр дүн: яг 53%.
Хэрэв вэб хуудсыг ачаалахад 3 секундээс илүү хугацаа шаардагддаг бол боломжит хэрэглэгчдийн талаас илүү хувь нь үүнийг Гар утасны дугаарын жагсаалтыг худалдаж аваарай харахаас өмнө орхидог. Энэ нь тийм ч муу биш юм шиг, судалгаанаас үзэхэд хуудсыг ачаалахад нэмэлт секунд тутамд харагдах байдал улам ихсэж байна.
SOASTA -ийн машин сургалтын технологийн тусламжтайгаар судлаачид ачаалах хугацаа, хуудасны жин (өгөгдлийн хэмжээ) болон хөрвүүлэх хурд хоорондын хамаарлыг олж тогтоосон. Үндсэндээ “илүү хүнд” гэдэг нь удаан гэсэн үг. Тодруулбал, нэг хуудсан дээрх элементүүдийн тоо (текст, зураг гэх мэт) 400-аас 6000 хүртэл өсөхөд зочдыг хөрвүүлэх боломж 95% -иар буурдаг.
Хуудас удаан ачаалагдах үед асуудлыг тодорхойлох нь үргэлж амар байдаггүй. Текстийн хэмжээ болон зургийн тоо нь харахад ойлгомжтой боловч JavaScript хэт их , хэт олон дахин чиглүүлэлт зэрэг асуудал тийм биш юм.
Аз болоход, хуудас ачаалах хугацааг яг юу удаашруулж байгааг олж мэдэх үнэгүй хэрэгсэл байдаг.
Google PageSpeed Insights гэж юу вэ?
Google PageSpeed Insights нь вэб хуудасны хурдыг хурдан бөгөөд хялбараар шалгах боломжийг олгодог хэрэгсэл юм.
URL- г оруулаад “Шинжилгээ хийх” товчийг дарснаар та вэб хуудсыг хэрхэн удаашруулж байгаа талаар хоёр параметрт үндэслэн нарийвчилсан тайланг хурдан авах бөгөөд үүнийг хэрхэн засах талаархи зөвлөмжийг бүрэн авах болно.
Параметр 1 : Ачаалах хугацаанаас дээш . Энэ нь хэрэглэгч шинэ хуудас оруулах хүсэлт гаргасны дараа тухайн хуудсан дээрх агуулгыг харуулахад шаардагдах хугацаа юм.
Параметр 2 : Хуудсыг бүрэн ачаалах хугацаа. Энэ нь хэрэглэгчийн хүсэлтийн дараа хөтөч хуудсыг бүрэн харуулахад шаардагдах хугацаа юм .
Энэ нь хэрхэн ажилладаг талаар Google-ийн бичсэн зүйл бол: “Page Speed Insights нь хөдөлгөөнт төхөөрөмж болон ширээний төхөөрөмжүүдэд зориулсан хуудасны гүйцэтгэлийг хэмждэг. Энэ нь URL-г хоёр удаа, нэг нь гар утасны хэрэглэгчийн агент, нөгөө нь ширээний хэрэглэгчийн агенттай хамт татдаг.”
PageSpeed оноо нь 0-100 онооны хооронд хэлбэлздэг. Илүү өндөр оноо нь илүү сайн бөгөөд 85 ба түүнээс дээш оноо нь хуудас сайн ажиллаж байгааг илтгэнэ .
Гэхдээ хүмүүс нэг хуудсыг агшин зуур ачаална гэж хүлээж байхад “сайн” хангалттай сайн уу?
Хамгийн өндөр оноо авахын тулд та дараах зүйлийг хийх хэрэгтэй…
Google PageSpeed Insights-ийн өндөр оноог хэрхэн яаж авах вэ
Хэрэв та тайланд улаан, шар өнгө ихтэ байгааг харж байгаа бол энэ нь тухайн хуудсанд ачаалахад тодорхой асуудал байгаатай холбоотой юм.
Дээрх дэлгэцийн зургаас харахад туршилтын үр дүн нь танд ямар нэгэн асуудлын талаар мэдээлэх боловч алдааны мэдэгдлийг ойлгоход бага зэрэг хүндрэлтэй байж магадгүй юм.
Эндээс та юу харж болох ба үүнийг хэрхэн засах талаар:
Товшсоны дараа буух хуудсыг дахин чиглүүлэхээс
зайлсхий . Хэрэв хуудас нь хариу үйлдэл үзүүлэхгүй бол өөр өөр төхөөрөмжид тохируулсан хуудас руу хэд хэдэн дахин чиглүүлэлт хийх боломжтой.
Google-ийн дагуу зарим нийтлэг дахин чиглүүлэлтийн загварууд нь:
- example.com нь хариу үйлдэл үзүүлэх вэб дизайн ашигладаг бөгөөд дахин чиглүүлэх шаардлагагүй – хурдан бөгөөд гайхалтай!
- example.com → m.example.com/home – гар утасны хэрэглэгчдэд зориулсан олон эргэлтийн торгууль.
- example.com → www.example.com → m.example.com – маш удаан гар утасны туршлага.
Хэрэглэгчийг дахин чиглүүлэх шаардлагатай болгонд хуудасны дүрслэл зогсдог бөгөөд энэ нь хуудсыг ачаалах хугацааг уртасгадаг.
Ийм учраас эцсийн хэрэглэгч ямар төхөөрөмж ашиглаж байгаагаас үл хамааран хэрэглэгчийн чанартай туршлагыг баталгаажуулах арга нь мэдрэмжтэй дизайнтай хуудсуудыг бүтээх замаар дахин чиглүүлэлт хийхээс бүрэн зайлсхийх нь дээр.
Шахалтыг идэвхжүүлэх
Орчин үеийн хөтчүүд нь интернет хэрэглэгчдэд хуудасны жижиг хувилбараар үйлчлэхээр тоноглогдсон. Gzip компрессорыг идэвхжүүлснээр эдгээр хуудсыг 90% бууруулах боломжтой.
Халид Азад өөрийн вэб сайт дээр gzip нь HTTP хүсэлт болон хариу үйлдлийг хэрхэн оновчтой болгодог талаар маш сайн тайлбарласан байдаг .
Шахалтыг идэвхжүүлсэн үед процесс дараах байдалтай байна:
Хөтөч нь хэрэглэгчдэд бүтэн хуудсыг үзүүлэхийн оронд богино хугацаанд ачаалагддаг экспоненциалаар жижиг шахсан хувилбарыг авах боломжтой. Gzip оновчлолын талаар илүү ихийг мэдэхийг хүсвэл энд дарна уу.
CSS, HTML, JavaScript-ийг багасга
Жижиг болгох гэдэг нь хөтчөөс хуудсыг хэрхэн боловсруулахад нөлөөлөхгүйгээр шаардлагагүй эсвэл илүү их өгөгдлийг устгахыг хэлнэ. Муу кодчилол нь энэ асуудлын шалтгаан байж болох бөгөөд үүнийг хэд хэдэн аргаар шийдэж болно.
Таны хуудасны эх кодыг гараар илрүүлэхээс гадна Google дараах эх сурвалжуудыг ашиглахыг зөвлөж байна:
- HTML-г багасгах HTML жижигрүүлэгч .
- CSS-ийг багасгахад зориулсан CSSNano болон csso .
- UglifyJS2 болон JavaScript-г багасгахад зориулсан Closure Compiler .
Өөр нэг сонголт бол мэдээж Google-ийн AMP болон AMP-ийг зар сурталчилгааны хүрээг ашиглах явдал юм. Энэ хоёр программ нь хөгжүүлэгчдэд HTML, CSS, JavaScript-ийн задалсан хувилбар бүхий хуудас бүтээх боломжийг олгодог. Үр дүн нь хэдхэн секундын дотор ачаалах хуудас, зар юм.
Эвхсэн дээрх контентыг эрэмбэлэх
Хачирхалтай мэт санагдаж байгаа Дамжуулах хоолой Хятад ч хуудас ачаалах хугацаа нь зөвхөн хуудас ачаалах хурдаас хамаардаггүй. Энэ нь мөн KeyCDN-ийн Брайан Жэксоны тайлбарласнаар “хүссэн гүйцэтгэлийн” тухай юм :
“Үзэж буй гүйцэтгэлийг вэбсайт cz тэргүүлдэг ачаалах үед хэр хурдан мэдрэгддэг гэж энгийнээр тайлбарлаж болно. Энэ нь вэбсайтыг ачаалах хурдаас арай өөр байж болно. Гүйцэтгэлийн гүйцэтгэл нь вэб сайтын хурдыг шалгах хэрэгслээс бус хэрэглэгчийн байр сууринаас хамаарна.”
Гүйцэтгэлийг нэмэгдүүлэхийн тулд хэрэглэгчдэд чухал ач холбогдолтой контентыг ачаалахыг эрэмбэлэх нь чухал юм. Жишээлбэл, нугалах дээрх хуудасны текстийг гуравдагч талын виджетүүдээс өмнө ачаалах ёстой.