คุณจะใช้ async defer เมื่อใด

2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54

โดยทั่วไป คุณ ต้องการ ใช้ async ถ้าเป็นไปได้ก็ เลื่อนเวลา แล้วไม่มีแอตทริบิวต์ ที่นี่ เป็น กฎทั่วไปบางประการ ถึง ติดตาม: ถ้า สคริปต์ เป็นโมดูลาร์และ ทำ ไม่ต้องพึ่งพาสคริปต์ใด ๆ แล้ว ใช้ async . ถ้า สคริปต์ พึ่งหรือเป็นที่พึ่งของผู้อื่น สคริปต์ แล้ว ใช้การเลื่อนเวลา.

ในเรื่องนี้ async หรือ defer ไหนดีกว่ากัน?

DEFER ทำให้การเรียกใช้สคริปต์เกิดขึ้นพร้อมกันหรือช้ากว่า ASYNC . ดังนั้นจึงเป็น ดีกว่า ใช้ DEFER เพื่อให้การดำเนินการเกิดขึ้นนอกเวลาแสดงผลหลัก DEFER สคริปต์ไม่สามารถบล็อกสคริปต์แบบซิงโครนัสได้ในขณะที่ ASYNC สคริปต์อาจขึ้นอยู่กับความเร็วในการดาวน์โหลด

นอกจากนี้ การใช้แอตทริบิวต์ defer คืออะไร? NS เลื่อนแอตทริบิวต์ เป็นบูลีน คุณลักษณะ . เมื่อมีอยู่ แสดงว่าสคริปต์ถูกเรียกใช้งานเมื่อหน้าแยกวิเคราะห์เสร็จแล้ว หมายเหตุ: The เลื่อนแอตทริบิวต์ ใช้สำหรับสคริปต์ภายนอกเท่านั้น (ควรเป็น.เท่านั้น ใช้แล้ว ถ้า src คุณลักษณะ มีอยู่)

ต่อมาอาจมีคนถามว่า async defer ทำอะไรได้บ้าง?

กับ async ( แบบอะซิงโครนัส ) เบราว์เซอร์ จะ ให้โหลดหน้า HTML ต่อไปและแสดงผลในขณะที่เบราว์เซอร์โหลดและรันสคริปต์พร้อมกัน กับ เลื่อนเวลา , เบราว์เซอร์ จะ เรียกใช้สคริปต์ของคุณเมื่อแยกวิเคราะห์หน้าเสร็จ (ไม่จำเป็นต้องดาวน์โหลดไฟล์รูปภาพทั้งหมดให้เสร็จสิ้น

เลื่อนการโหลดคืออะไร?

อย่างแท้จริง เลื่อนเวลา จาวาสคริปต์ แปลว่า กำลังโหลด หรือการแยกวิเคราะห์จาวาสคริปต์นั้นจะเริ่มหลังจากโหลดเนื้อหาของหน้าแล้วเท่านั้น (หมายความว่าจะไม่ส่งผลต่อความเร็วหน้าเว็บหรือเส้นทางการแสดงผลที่สำคัญ)