DOM Size Test
What is it?
Pass rate:
-
Top 100 websites: 56%This value indicates the percent of top 100 most visited websites in the US that pass this test (in the past 12 months).
-
All websites: 72%This value indicates the percent of all websites analyzed in SEO Site Checkup (500,000+) in the past 12 months.
| 2021 | 17% |
|---|---|
| 2022 | 56% |
| 2023 | 54% |
| 2024 | 56% |
100
75
50
25
0
How do I fix it?
In order to pass this test, you need to reduce the DOM size.
First, you need to identify the causes of an excessive number of DOM nodes. They can be: poorly coded plugins or themes, DOM nodes created dynamically via JavaScript, page builders that generate bloated HTML, copy-paste text into a WYSIWYG editor, hidden elements via CSS, etc.
Second, you need to remove the unnecessary tags and even refactor or rewrite some parts of the code/template. Another workarounds can be: code splitting (create more pages instead of one long page), consider to lazy load some parts of your website in order to speed up the initial rendering, implement infinite scroll, improve page rendering with content visibility (with the CSS content-visibility property, the browser will skip the styling, layout, and paint until the user scrolls down the page).
