Async deferdan qachon foydalanasiz?
Async deferdan qachon foydalanasiz?

Video: Async deferdan qachon foydalanasiz?

Video: Async deferdan qachon foydalanasiz?
Video: JavaScript Loading Strategies: Using the async and defer Attributes 2024, Noyabr
Anonim

Odatda siz istayman async foydalanish uchun iloji bo'lsa kechiktirish keyin atribut yo'q. Bu yerda bor ba'zi umumiy qoidalar uchun amal qiling: Agar skript modulli va qiladi keyin hech qanday skriptga tayanmang async dan foydalaning . Agar skript boshqasiga tayanadi yoki unga tayanadi skript keyin kechiktirishdan foydalaning.

Shu nuqtai nazardan, qaysi biri yaxshiroq asinxron yoki kechiktirish?

KECHIRGAN har doim skriptning bajarilishini bir vaqtning o'zida yoki undan keyin sodir bo'lishiga olib keladi ASYNC . Shuning uchun, u yaxshiroq foydalanish KECHIRGAN shuning uchun ularning bajarilishi asosiy renderlash vaqtidan tashqari sodir bo'ladi. KECHIRGAN skriptlar hech qachon sinxron skriptlarni bloklay olmaydi, shu bilan birga ASYNC skriptlar qanchalik tez yuklab olinishiga bog'liq bo'lishi mumkin.

Bundan tashqari, defer atributidan qanday foydalanish kerak? The defer atributi mantiqiy hisoblanadi xususiyat . Agar mavjud bo'lsa, u sahifa tahlil qilishni tugatgandan so'ng skript bajarilishini bildiradi. Eslatma: The defer atributi faqat tashqi skriptlar uchun (faqat bo'lishi kerak ishlatilgan agar src xususiyat mavjud).

Keyinchalik, async defer nima qiladi, deb so'rashi mumkin.

Bilan asinx ( asinxron ), brauzer bo'ladi HTML sahifani yuklashni davom ettiring va brauzer bir vaqtning o'zida skriptni yuklayotgan va bajarayotganda uni ko'rsating. Bilan kechiktirish , brauzer bo'ladi sahifa tahlil qilish tugagach, skriptingizni ishga tushiring. (barcha rasm fayllarini yuklab olishni tugatish shart emas.

Kechiktirilgan yuklash nima?

Haqiqatan ham kechiktirish javascript degan ma'noni anglatadi yuklash yoki ushbu JavaScript-ni tahlil qilish faqat sahifa mazmuni yuklangandan so'ng boshlanadi (bu sahifa tezligiga yoki muhim renderlash yo'liga ta'sir qilmaydi).

Tavsiya: