HTML <script> async attribute

HTML <script> แบบฟอร์ม

Definisyon at paggamit

async Ang attribute ay isang boolean na attribute.

Kung na-set ang async Ang attribute, ang script ay dadalhin nang sabay-sabay habang din ang pagsasalin ng pahina, at magsasalita agad kapag magiging magagamit. Kapag ganap na dadalhin ang script, ang pagsasalin ng pahina ay huminto, at pagkatapos ay ipapatupad ang script, at pagkatapos ay patuloy ang pagsasalin ng pahina sa ibang bahagi.

แนะนำ:async Ang attribute ay para sa panlabas na script (at dapat gamitin lamang kapag may src attribute).

แนะนำ:Maaaring gamitin ang iba't ibang paraan para ipapatupad ang panlabas na script:

  • Kung na-set ang async: ang script ay dadalhin nang sabay-sabay habang din ang pagsasalin ng pahina, at magsasalita agad kapag magiging magagamit (bago matapos ang pagsasalin).
  • Kung na-set ang defer (at wala ang async): ang script ay dadalhin nang sabay-sabay habang din ang pagsasalin ng pahina, at magsasalita kapag ang pagsasalin ng pahina ay nakumpleto
  • Kung wala ang async at defer: ang script ay dadalhin at pinalalakad agad, na hinahinto ang pagsasalin ng pahina, hanggang ang script ay nakapagpatupad

Mga halimbawa

Ang binaggit na script ay dadalhin nang sabay-sabay habang din ang pagsasalin ng pahina, at magsasalita agad kapag magiging magagamit:

<script src="demo_async.js" async></script>

Subukan natin ito

Mga tuntunin

<script async>

Pagpapatupad ng script nang asyn

Ang pangkaraniwang pag-uugali ng browser kapag nakakita ng elementong script ay ang paghinto sa paggamit ng pahina habang din ang pagkuha at pagpapatupad ng script. Ang bawat elementong script ay pinalalakad nang ayon sa kanilang pagkakatuklas ng uri, ayon sa kanilang pagpapatupad, nang may isang pagpapatupad nang ayon sa uri (habang din ang pagkuha at pagpapatupad ng script, walang ibang bagay na pinagpapatupad).

Bilang pangkaraniwang paraan sa paggamit ng script, ang pagpapatupad nang may kaayusan ay may kahulugan. Gayunpaman, may mga script na hindi kailangan ng ganitong paggamit, at maaaring gamitin 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

HTML <script> แบบฟอร์ม