Агуулгын хүснэгт:

Та эгзэгтэй үзүүлэх замыг хэрхэн оновчтой болгох вэ?
Та эгзэгтэй үзүүлэх замыг хэрхэн оновчтой болгох вэ?

Видео: Та эгзэгтэй үзүүлэх замыг хэрхэн оновчтой болгох вэ?

Видео: Та эгзэгтэй үзүүлэх замыг хэрхэн оновчтой болгох вэ?
Видео: Маркетингийн удирдлага №02: Стратеги төлөвлөлт болон маркетингийн төлөвлөлт 2024, Дөрөвдүгээр сар
Anonim

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

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

Цаашилбал, эгзэгтэй үзүүлэх зам гэж юу вэ?

The Critical Rendering Path HTML, CSS болон JavaScript-г дэлгэцэн дээрх пиксел болгон хөрвүүлэхийн тулд хөтөчийн дамждаг алхамуудын дараалал юм. -ийг оновчтой болгох эгзэгтэй үзүүлэх зам сайжирдаг үзүүлэх гүйцэтгэл. -ийг оновчтой болгох эгзэгтэй үзүүлэх зам Эхнийх хүртэл цагийг сайжруулдаг үзүүлэх.

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

Дараа нь асуулт бол, би хэт их Dom хэмжээг хэрхэн зогсоох вэ?

  1. таны вэб хуудас эсвэл хуудасны зохион байгуулалт дахь виджет / хэсгүүдийн хэмжээг багасгах.
  2. илүү хялбар вэб хуудас бүтээгчийг ашиглах тул олон хуудас бүтээгчид маш их код нэмж өгдөг.
  3. өөр сэдэв ашиглах.
  4. өөр гулсагч ашиглан.

Хөтөчийг хэрхэн дүрслэх вэ?

Вэб хуудсыг ачаалах үед хөтөч эхлээд TEXT HTML-г уншиж, түүнээс DOM модыг бүтээдэг. Дараа нь энэ нь дотор, суулгагдсан эсвэл гадаад CSS эсэхээс үл хамааран CSS-г боловсруулж, үүнээс CSSOM модыг бүтээдэг. Эдгээр модыг барьсны дараа модыг барьдаг Үзүүлэх -Түүнээс мод.

Зөвлөмж болгож буй: