Avoid an excessive DOM size

A large DOM tree can slow down your page in multiple ways, including network efficiency and load performance, runtime performance, and memory performance.

This check is using Google Lighthouse and reports the total DOM elements for a page, the page's maximum DOM depth, and its maximum child elements. Lighthouse flags pages with DOM trees that:

  • Warns when the body element has more than ~800 nodes.
  • Errors when the body element has more than ~1,400 nodes.

Preventing an excessive DOM size for your webpage isn't easy as there is no one-size-fits-all solution. Since this is a very technical and also quite elaborate task, get in contact with a developer.

ShopCheck App

Audit every aspect in your store right in your Shopify admin area. 60+ selected checks in one report.

Shopify AppStore
ShopCheck App for Shopify