Sobes.tech
Middle

<script>, <script async> va <script defer> teglarining farqi nima?

sobes.tech AI

AIdan javob

  • <script>: HTML tahlil qilish to‘xtaydi, skript yuklanadi va bajariladi, so‘ng HTML tahlili davom etadi. Render qilishni bloklaydi.
  • <script async>: Skript asinxron tarzda yuklanadi, HTML tahlili bilan parallel ravishda. Skript yuklangach, HTML tahlili to‘xtatiladi, skript bajariladi va keyin davom etadi. Asinxron skriptlarning bajarilish tartibi kafolatlanmagan.
  • <script defer>: Skript asinxron tarzda yuklanadi, HTML tahlili bilan parallel ravishda. Bajarilish, HTML va DOM daraxti to‘liq qurilgunga qadar kechiktiriladi. Kechiktirilgan skriptlarning bajarilish tartibi hujjat ichidagi tartibiga muvofiq saqlanadi.

Mana farqlarni umumlashtiruvchi jadval:

Xususiyat Yuklash Bajarilish HTML tahlilini bloklash Skriptlar tartibi
yo‘q Sinkron Yuklashdan darhol Ha Garantiyalangan
async Asinxron Yuklashdan darhol (agar HTML hali tahlil qilinayotgan bo‘lsa) Ha (bajarilish paytida) Garantiyalanmagan
defer Asinxron HTML va DOM to‘liq qurilgandan so‘ng Yo‘q (faqat bajarilish paytida, lekin HTMLdan keyin) Garantiyalangan