DEV Community

Batzorig Tselger
Batzorig Tselger

Posted on

Интернет нь дэлхийн нүүрстөрөгчийн ялгарлын 2 орчим хувийг эзэлдэг бөгөөд энэ нь агаарын тээврийн салбартай ижил хэмжээ юм!

🏎️ Яагаад Хурд Чухал вэ?

Хурд гэдэг нь хоёр янзаар илэрдэг:

  1. Хэрэглэгчийн Мэдрэмж (Ойлгогдох Гүйцэтгэл): Хүн таны сайтыг хэр хурдан гэж бодож байна вэ?
    • Жишээ: Та товчлуур дарахад тэр даруй ямар нэгэн зүйл гарч ирж байна уу, эсвэл хоосон хүлээлгэж байна уу? Хэрэв "Ачаалж байна..." гэсэн жижиг тэмдэг гарч ирвэл, хүлээх хугацаа богино санагддаг.
  2. Бодит Хурд (Бодит Гүйцэтгэл): Таны компьютер болон сервер хооронд өгөгдөл солилцох жинхэнэ хурд.
    • Жишээ: Сайтын бүх файлууд хэдэн секундэд ачаалагдсан бэ? Энэ бол хэмжиж болох тоо.

🛠️ Сайтыг Хурдасгах Энгийн Аргууд

  • "Залхуу Ачаалалт" (Lazy Loading): Урт хуудасны доод талд байгаа том зургийг хүн гүйлгэж очих хүртэл ачаалахгүй байх. Эхлээд чухал зүйлсээ л ачаал.
  • Хог Хаягдлыг Цэвэрлэх: Вэбсайтын код, зургийн файлуудыг жижигрүүлж, шахах. Том файл удаан татагдана. (Үүнийг Минификаци/Шахалт гэнэ.)
  • Ойрхон Байлгах (CDN): Хэрэглэгчийн хүсэж буй мэдээллийг (зураг, код) дэлхийн өнцөг булан бүрт байгаа олон сервер дээр байршуулж, хэрэглэгчид хамгийн ойр байгаа серверээс нь хүргэх. Энэ нь Хоцрогдлыг (мэдээлэл ирж очих хугацаа) бууруулдаг.
  • Кодын Эмх Цэгц (Эх Кодын Дараалал): HTML кодынхоо хамгийн дээр талбар руу хамгийн чухал агуулгыг (гарчиг, гол текст) байрлуулах. Ингэснээр хөтөч эхлээд чухал зүйлийг харуулна.

🏃 Хэрэглэгчийн Үйлдлийн Хурд (INP)

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

  • Хэрэв та товчлуур дараад, 1-2 секунд хүлээх шаардлага гарвал, таны сайт хүнд JavaScript ажил хийж байна гэсэн үг.
  • Шийдэл: Тэр хүнд ажлыг жижиг хэсгүүдэд хуваах. Мөн хэрэглэгч шивж дууссаны дараа л хайлтын функцийг ажиллуулах (Debouncing ).

🌍 Яагаад Хурд нь Байгаль Орчинд Ээлтэй вэ?

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

📊 Хэмжүүрүүд

  • FCP (Эхний Агуулга Гарах Хугацаа): Дэлгэцэн дээр анхны текст/зураг хэр хурдан гарч ирэв?
  • TBT (Нийт Блоклох Хугацаа): Хүнд код ажилласнаас болж сайт нийт хэр удаан "гацсан" бэ?
  • Bounce Rate (Ороод Гарах Хувь): Хурд удаан байвал хүмүүс уйдаад шууд гарчихдаг (Bounce Rate өндөр байна гэсэн үг).

Top comments (1)

Collapse
 
bizocci profile image
Batzorig Tselger

891