ใช้ document.write()
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
การใช้ document.write()
อาจทำให้การแสดงเนื้อหาในหน้าเว็บช้าลงหลาย 10 วินาที และถือเป็นปัญหาอย่างยิ่งสำหรับผู้ใช้ที่ใช้การเชื่อมต่อช้า
Chrome จึงบล็อกการดำเนินการของ document.write()
ในหลายกรณี คุณจึงไม่สามารถพึ่งพาการดำเนินการได้
ในคอนโซล Chrome DevTools คุณจะเห็นข้อความต่อไปนี้เมื่อใช้ document.write()
[Violation] Avoid using document.write().
คุณจะเห็นข้อความนี้ในคอนโซลเครื่องมือสำหรับนักพัฒนาเว็บของ Firefox
An unbalanced tree was written using document.write() causing
data from the network to be reparsed.
วิธีที่การตรวจสอบ Lighthouse document.write()
ล้มเหลว
Lighthouse จะแจ้งการเรียกใช้ document.write()
ที่ไม่ถูกบล็อกโดย Chrome
สำหรับการใช้งานที่เป็นปัญหาที่สุด Chrome จะบล็อกการเรียกใช้ document.write()
หรือส่งคำเตือนของคอนโซล ทั้งนี้ขึ้นอยู่กับความเร็วในการเชื่อมต่อของผู้ใช้
ไม่ว่าจะเป็นลักษณะใดก็ตาม การเรียกที่ได้รับผลกระทบจะปรากฏในคอนโซลเครื่องมือสำหรับนักพัฒนาเว็บ
ดูข้อมูลเพิ่มเติมได้ที่บทความการแทรกแซง document.write()
ของ Google
Lighthouse จะรายงานการเรียกไปยัง document.write()
ที่เหลืออยู่เนื่องจากส่งผลเสียต่อประสิทธิภาพไม่ว่าจะใช้วิธีใดก็ตาม และมีทางเลือกอื่นที่ดีกว่า
หลีกเลี่ยงdocument.write()
นำการใช้ document.write()
ทั้งหมดในโค้ดออก หากใช้เพื่อแทรกสคริปต์ของบุคคลที่สาม ให้ลองใช้การโหลดแบบไม่พร้อมกันแทน
หากโค้ดของบุคคลที่สามใช้ document.write()
โปรดขอให้ผู้ให้บริการรองรับการโหลดแบบไม่พร้อมกัน
แหล่งข้อมูล
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2019-05-02 UTC
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"ไม่มีข้อมูลที่ฉันต้องการ"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"ล้าสมัย"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ปัญหาเกี่ยวกับการแปล"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"อื่นๆ"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"เข้าใจง่าย"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"แก้ปัญหาของฉันได้"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"อื่นๆ"
}]
{"lastModified": "\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14 2019-05-02 UTC"}
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2019-05-02 UTC"]]