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

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

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

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 26538
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by mindphp »

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

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

Code: Select all

<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 224 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
User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 26538
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by 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
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “XML Knowledge”

Who is online

Users browsing this forum: No registered users and 1 guest