Archived topic
Avoid oversized DOM?
1 reply · Started by vincenteccl on October 7, 2022
Hi! Google PageSpeed Insights ask me to Avoid oversized DOM.
I have taken a screenshot for you.
It highlights my post's header.
Could you kindly advise how to fix this?
Thanks.
Hello there,
It’s basically saying that you have elements nested under numerous parent elements, and that you have relatively numerous elements in one page.
“Every ‘element’ displayed on a page whether that be a paragraph, a menu item, an image or the invisible stuff for things like containers and grids all generate HTML. Each one consisting of 1 or more DOM Nodes.”
For instance, the element being reported having a high DOM depth is the text "COVID-19 Took My Waiter Job, Then I Made 5-Figur..." which is under your Thrive leads. You'll need to address its depth.
Moreover, having more than 800 nodes in a page produces a warning in which case yours exceeds 800. You basically have too many elements in your page.
To put that into perspective – generatepress.com has less then 20.
Here are some recommendations to resolve this: https://www.corewebvitals.io/pagespeed/fix-avoid-excessive-dom-size-lighthouse#:~:text=Workaround%20for%20%27avoid%20excessive%2DDOM%20size%27
