Mundarija:

Kritik ko'rsatish yo'lini qanday optimallashtirasiz?
Kritik ko'rsatish yo'lini qanday optimallashtirasiz?

Video: Kritik ko'rsatish yo'lini qanday optimallashtirasiz?

Video: Kritik ko'rsatish yo'lini qanday optimallashtirasiz?
Video: ODAMLARGA TA'SIR KO'RSATISH JUDA OSON. MUOMALA SIRLARI. DEYL KARNEGI. 6-QISM (audiokitob) 2024, Noyabr
Anonim

Kritik ko'rsatish yo'lini optimallashtirish uchun umumiy qadamlar ketma-ketligi:

  1. O'zingizni tahlil qiling va tavsiflang tanqidiy yo'l : resurslar soni, baytlar, uzunlik.
  2. Sonini minimallashtiring tanqidiy resurslar: ularni yo'q qilish, yuklab olishni kechiktirish, asenkron deb belgilash va hokazo.

Bundan tashqari, tanqidiy ko'rsatish yo'li nima?

The Kritik ko'rsatish yo'li HTML, CSS va JavaScript-ni ekrandagi piksellarga aylantirish uchun brauzer o'tadigan qadamlar ketma-ketligidir. optimallashtirish tanqidiy ko'rsatish yo'li yaxshilaydi ko'rsatish ishlash. optimallashtirish tanqidiy ko'rsatish yo'li birinchi bo'lish vaqtini yaxshilaydi ko'rsatish.

Yuqoridan tashqari, katlama CSS-ning ustida nima bor? Yuqorida kontent - bu sahifa birinchi marta yuklanganda brauzer oynasida ko'rinadigan veb-sahifa qismi. Google inline ko'rishni xohlaydi CSS asosiy qismingizdan olingan CSS faylga kiritiladi va bosh yorlig'iga kiritiladi, bu siz birinchi ko'rgan hamma narsani avval yuklanishiga imkon beradi.

Keyinchalik savol tug'iladi: Domning haddan tashqari o'lchamini qanday to'xtatish kerak?

  1. veb-sahifalaringiz yoki sahifa tartiblaringizdagi vidjetlar/bo'limlar miqdorini kamaytirish.
  2. oddiyroq veb-sahifa yaratuvchisidan foydalanish, chunki ko'plab sahifalar yaratuvchilar juda ko'p kodni qo'shadilar.
  3. boshqa mavzudan foydalanish.
  4. boshqa slayder yordamida.

Brauzerni qanday ko'rsatasiz?

Veb-sahifa yuklanganda, brauzer avval TEXT HTML-ni o'qiydi va undan DOM daraxtini yaratadi. Keyin u CSS-ni inline, o'rnatilgan yoki tashqi CSS-ni qayta ishlaydi va undan CSSOM daraxtini yaratadi. Bu daraxtlar qurilgandan so'ng, u quradi Render - Undan daraxt.

Tavsiya: