HTML <script> async attribute
ການອະທິບາຍ ແລະ ການນໍາໃຊ້
async
ຜົນງານຈະເປັນຜົນງານຂອງບັນດາຄວາມຄິດ
ຖ້າກໍານົດ async
ຜົນງານ, ສະໂມສອນຈະຖືກດາວນອກໃນຂະນະທີ່ການບັນທຶກບາງບັນຫາ, ແລະຈະດໍາເນີນງານທັນທີໃນຄຳທີ່ມີບັນທຶກບາງບັນຫາ. ເມື່ອສະໂມສອນຖືກດາວນອກສິ້ນສຸດ, ການບັນທຶກບາງບັນຫາຈະຖືກຢຸດລົງ, ແລະສະໂມສອນຈະດໍາເນີນງານ, ແລະຕິດຕາມມາການບັນທຶກບາງບັນຫາອື່ນໆ
ເຫັນດີ:async
ຜົນງານພຽງແຕ່ສະໂມສອນຕ່າງໆ (ແລະຕ້ອງພຽງແຕ່ຈະມີ src attribute)
ເຫັນດີ:ສາມາດດໍາເນີນງານສະໂມສອນຕ່າງໆໂດຍຫຼາຍວິທີ
- ຖ້າasync ທີ່ກໍານົດ: ສະໂມສອນຈະຖືກດາວນອກໃນຂະນະທີ່ການບັນທຶກບາງບັນຫາ, ແລະຈະດໍາເນີນງານທັນທີໃນຄຳທີ່ມີບັນທຶກບາງບັນຫາ (ກ່ອນບັນທຶກບາງບັນຫາສິ້ນສຸດ)
- ຖ້າdefer ທີ່ກໍານົດ (ແຕ່async ບໍ່ກໍານົດ): ສະໂມສອນຈະຖືກດາວນອກໃນຂະນະທີ່ການບັນທຶກບາງບັນຫາ, ແລະຈະດໍາເນີນງານທັນທີໃນຄຳທີ່ມີບັນທຶກບາງບັນຫາ
- ຖ້າບໍ່ມີ async ຫຼື defer: ສະໂມສອນຈະຖືກດາວນອກແລະດໍາເນີນງານທັນທີ, ກັບການບັນທຶກບາງບັນຫາ, ຈົນກວ່າສະໂມສອນດໍາເນີນງານສິ້ນສຸດ
ຄວາມຈິງ
ສະໂມສອນທີ່ຖືກອ້າງອອກຈະຖືກດາວນອກໃນຂະນະທີ່ການບັນທຶກບາງບັນຫາ, ແລະຈະດໍາເນີນງານທັນທີໃນຄຳທີ່ມີ
<script src="demo_async.js" async></script>
ວິທະຍາສາດ
<script async>
ການດໍາເນີນງານສະໂມສອນທີ່ບໍ່ກັງກັນກັບການດໍາເນີນງານ
ພຶດຕິກຳຄົງເປັນພາສາຂອງບູຣແກຣໂດບາດດຽວກັບການເອົາແລະດໍາເນີນສະໂມສອນຢູ່ທັງເວລາ. ທຸກ script element ຈະດໍາເນີນງານຕາມອິດທິພົນ (ຕາມອິດທິພົນທີ່ກໍານົດໄວ້) ການດໍາເນີນງານຊັບຊ້ອນ (ບໍ່ຈະເບິ່ງບັນຫາອື່ນໆໃນຂະນະທີ່ການເອົາແລະດໍາເນີນສະໂມສອນ).
ຄືກັບວິທີການດໍາເນີນງານສະໂມສອນທີ່ເປັນການແບບຄົງໄວ້ສຳລັບການດໍາເນີນງານສະໂມສອນທີ່ມີຄວາມຄິດຫາ. ແຕ່ບາງສະໂມສອນບໍ່ຕ້ອງການດໍາເນີນງານແນວນັ້ນຄືນ, ສຳລັບການດໍາເນີນງານນັ້ນແມ່ນ async
属性提高其性能。这方面的一个典型例子是跟踪脚本(tracking script)。这种脚本可以汇报用户的网站访问记录以便广告公司根据用户的习惯定制和投放广告,或者搜集网站访问者的统计数据以供分析,诸如此类。这些脚本自成一体,一般不需要与 HTML 文档中的元素互相作用。为等待它们加载然后向自己的服务器发回报告而推迟显示页面没有任何意义。
ການໃຊ້ async
ຂໍ້ມູນສຳຄັນຂອງຂໍ້ມູນນີ້ຫຼັງຈາກການອານຸສາວະພາບຂອງ HTML ອື່ນໆ (ລວມທັງ ບັນດາ script ອື່ນໆ) ຈະຖືກອ່ານແລະປະຕິບັດອອກລຳດັບຫຼັງ. ຖ້ານຳໃຊ້ຢ່າງດີ, ນີ້ສາມາດເພີ່ມຄວາມສະຫຼາດການອ່ານເວັບໄຊຂື້ນຫຼາຍ.
ເຫັນດີ:ການໃຊ້ async
ຜົນຂອງຂໍ້ມູນສຳຄັນຂອງຂໍ້ມູນນີ້ແມ່ນບັນດາສັບປະຕິບັດທີ່ຢູ່ໃນເວັບໄຊບໍ່ໄດ້ປະຕິບັດຕາມອາກາດທີ່ກໍານົດ. ເນື່ອງຈາກນັ້ນ, ຖ້າບັນດາສັບປະຕິບັດໃຊ້ຫົວຫຼັກຫຼືຄູ່ມູນທີ່ກໍານົດໃນບັນດາສັບປະຕິບັດອື່ນໆ, ບໍ່ຄວນໃຊ້. async
ຂໍ້ມູນ.
ການສະໜັບສະໜູນບັນດາບັນດາສານ
ຈຳນວນທີ່ຢູ່ໃນຕາຕະລາງສະແດງວ່າການສະໜັບສະໜູນຂອງບັນດາສານອາດສະແດງວ່າການສະໜັບສະໜູນຄັດຄ້ານຂອງບັນດາບັນດາສານ.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
8.0 | 10.0 | 3.6 | 5.1 | 15.0 |