seo site checkup logo
PricingFree ToolsArticles

DOM Size Test

What is it?

This test will check the size of the DOM tree. When a web page is loaded, the browser creates a Document Object Model (DOM) of the page. All the tags in the HTML document are called nodes and the sum of them is translated as the DOM size. A large DOM tree will likely increase memory usage, cause longer style calculations, and may produce slower layout rendering.

Pass rate:

  • Top 100 websites: 54%
  • All websites: 65%
Pass rates of Top 100 US websites
2021

17%

2022

56%

2023

54%

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).

Check your website's SEO for free right now!

seo site checkup logo
Website SEO, Monitoring & Automation Made Easy.
Product
  • Pricing
  • Free Tools
  • Articles
  • Login
  • Free 7-Day Trial
© SEO Site Checkup 2020-2024 • All rights reserved