แก้ปัญหา Maximum DOM Depth ทำให้ คะแนน Google Pagespeed ตก

ความรู้เกี่ยวกับ XML RML และ ภาษา Markup อื่นๆ

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41131
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

แก้ปัญหา Maximum DOM Depth ทำให้ คะแนน Google Pagespeed ตก

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

แก้ปัญหา Maximum DOM Depth ทำให้ คะแนน Google Pagespeed ตก

วิเคราะห์ปัญหา
Maximum DOM Depth คือ เรามาทำความเข้าใจ HTML พื้นฐานกัน ก่อน
DOM คือ Document Object Model คือโครงร่างของเอกสารที่ประกอบขึ้นเป็น HTML นั่นเอง โดยโครงสร้างพื้นฐานของ HTML คือ XML รูปแบบหนึ่ง
ตัวอย่างเอกสาร html

โค้ด: เลือกทั้งหมด

<html>
<head>
	<title>DOM</title>
</head>
<body>
  <h1 id="one">Welcome DOM</h1>
  <p>This is the welcome message.</p>
  <p>This is the content on mindphp.com</p>
</body>
</html>
DOM ของ เอกสาร HTML ชุดนี้คือ
dom-html.png
dom-html.png (6.83 KiB) Viewed 2606 times
ดังนั้น Maximum DOM Depth ก็คือ การแตกกิ่งก้านสาขา ของ Element มากเกินไป นั่นเอง
ทางแก้ ก็คือเราไปแก้การออกแบบโครงสร้างของส่วนของ content ไปให้แตกแขนงมาเกินไป

ศึกษา ทำให้ Pagespeed คะแนนดีขึ้นและหลักการ SEO เพิ่มเติมได้ที่นี่

html seo
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41131
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: แก้ปัญหา Maximum DOM Depth ทำให้ คะแนน Google Pagespeed ตก

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ตัวอย่าง
หน้านี้
https://www.mindphp.com/%E0%B8%9A%E0%B8 ... 1/seo.html
ถ้าเราจะทำการลดไม่ให้เกิดปัญหา Maximum DOM Depth สามารถลดใส่ส่วนของ เมนูถ้ามีเมนูเยอะเกินไป ก็ดึงมาแสดงแค่บ้างส่วนก่อนแล้วค่อยให้ javascript ดึงที่เหลือมาแสดง หรือ ลดในส่วนของ table ซ้อน table ในส่วนของ กระทู้ล่าสุดจากเว็บบอร์ด ลง
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 27