Mundarija:

CSS-ni blokirovka qilishni qanday kechiktirsam bo'ladi?
CSS-ni blokirovka qilishni qanday kechiktirsam bo'ladi?

Video: CSS-ni blokirovka qilishni qanday kechiktirsam bo'ladi?

Video: CSS-ni blokirovka qilishni qanday kechiktirsam bo'ladi?
Video: HTML CSS yordamida Responsive (Adaptiv) Web-Site Yaratish | To'liq darlik 2024, May
Anonim

Eng keng tarqalgan yechim, to kechiktirish sizning yuklanishingiz CSS-ni blokirovka qilish , va kamaytiring ko'rsatish - blokirovka qilish aylanma sayohatlar Filament Group tomonidan loadCSS deb ataladi. Eng so'nggi versiya asinxron yuklash imkonini beruvchi hali to'liq qo'llab-quvvatlanmagan atributdan foydalanadi CSS.

Keyin render blokirovkasini qanday tuzataman?

Render blokirovkasini tuzatish W3 Total Cache-dan foydalangan holda JavaScript Keyinchalik, Ishlash »Umumiy sozlamalar sahifasiga o'ting va Kichkinalashtirish bo'limiga o'ting. Avval “Kichiklashtirish” opsiyasi yonidagi “Yoqish” bandini belgilashingiz kerak, so‘ngra “Manual” ni kichiklashtirish rejimi uchun tanlang. Sozlamalaringizni saqlash uchun barcha sozlamalarni saqlash tugmasini bosing.

Ikkinchidan, renderni blokirovka qiluvchi resurslarni yo'q qilish nima? Render - resurslarni blokirovka qilish tashrif buyuruvchilar brauzerlarini kechiktirishga majburlash orqali WordPress saytingizning sahifa yuklash vaqtlarini sekinlashtiring ko'rsatish Brauzer darhol kerak bo'lmagan fayllarni yuklab olayotganda, ekranning yuqori qismidagi kontent. Kimga renderni yo'q qilish - resurslarni blokirovka qilish WordPress-da siz tayyor plaginlardan foydalanishingiz mumkin.

Yuqoridagilardan tashqari, CSS renderlashni bloklaydimi?

Render Bloklash CSS . Avvalboshdan, CSS bu sifatida muomala qilinadi ko'rsatish resursni bloklash, ya'ni brauzer buni qilmaydi ko'rsatish CSSOMgacha har qanday qayta ishlangan kontent hisoblanadi qurilgan. HTML hisoblanadi aniq, chunki DOMsiz bizda hech narsa bo'lmaydi ko'rsatish , lekin CSS talab kamroq aniq bo'lishi mumkin.

Menda Render blokirovkasi borligini qanday bilsam bo'ladi?

Renderni blokirovka qiluvchi resurslarni aniqlash uchun:

  1. Render qatorini boshlashdan oldin yuklanadigan muhim bo'lmagan resurslarni qidiring (webpagetest.org orqali).
  2. Sahifa tarkibiga qanday ta'sir qilishini ko'rish uchun Google Dev Tools orqali resurslarni o'chirishni sinab ko'ring.
  3. Aniqlangandan so'ng, renderni blokirovka qiluvchi resurslarni kechiktirish uchun eng yaxshi yechimni topish uchun ishlab chiquvchilar bilan ishlang.

Tavsiya: