Best Practices: เก็บจำนวนขององค์ประกอบ DOM ขนาดเล็ก
เพิ่มเติมองค์ประกอบ DOM บนหน้าช้าจะแสดงผลช้าลงคือการเข้าถึง DOM ใน JavaScript ของ จำนวนมากขององค์ประกอบ DOM สามารถออกแบบรูปแบบที่ไม่ดีเนื่องจาก ตัวอย่างเช่นตารางที่ซ้อนกันอาจถูกใช้เพื่อจุดประสงค์รูปแบบ ใช้แท็ก HTML ใด ๆ ที่จะทำให้รู้สึก semantically สำหรับเช่น donot ตารางการใช้สำหรับเค้าโครง แต่ donot ลังเลที่จะใช้พวกเขาที่คุณมีในการแสดงข้อมูลแบบตารางและด้วยเหตุนี้จะใช้ลดองค์ประกอบ DOM ในการเปรียบเทียบเพื่อให้โครงสร้างที่คล้ายกันสร้างขึ้นโดยใช้ DIVs เท่านั้น ..
ในการทดสอบจำนวนขององค์ประกอบ DOM ในหน้า HTML ของคุณเพียงพิมพ์ต่อไปนี้ในคอนโซลของ Firebug:
document.getElementsByTagName('*').length
ไม่มีมาตรฐานกำหนดเป็นไปเป็นวิธีการที่หลายองค์ประกอบ DOM มีมากเกินไป ตรวจสอบหน้าเว็บที่คล้ายกันอื่น ๆ ที่มี markup.Eg ดี หน้าแรกของ Yahoo! เป็นหน้าว่างสวยและยังอยู่ภายใต้องค์ประกอบที่ 700 (แท็ก HTML)










































