Sobes.tech
Middle

<script>, <script async> жана <script defer> тегдеринин айырмасы эмне?

sobes.tech AI

AIден жооп

Жалпы <script>: браузер HTML-дин талдоосун токтотуп, скриптти жүктөп жана иштетет, андан соң талдоо уланат. Көрсөтүүнү блоктойт.

<script async>: скрипт асинхрондуу жүктөлөт, HTML талдоосу уланат. Скрипт жүктөлгөндөн кийин дароо ишке кирет жана HTML талдоосун үзө алат. Скрипттердин иштетүү тартиби кепилденбейт.

<script defer>: скрипт асинхрондуу жүктөлөт, HTML талдоосу уланат. Скрипттин иштөө убактысы HTML талдоосу жана DOM дарагы куруу аяктагандан кийин кечиктирилет. Скрипттер HTMLдеги пайда болуу тартибинде ишке кирет.

Өзгөртүү HTML талдоо Скрипт жүктөө Скрипт иштетүү Тартипке көз карандысыздык
жок токтоту блоктоочу блоктоочу кепилденген
async уланат блоктогон эмес талдоону үзө алат кепилденбейт
defer уланат блоктогон эмес HTML талдоодон кийин кепилденет