Archived topic
DOM Size Issue
6 replies · Started by Suman on March 1, 2023
I am getting the following error on Google Pagespeed Insights:
Avoid an excessive DOM size 3,709 elements
How can I fix it?
Hi there,
every element you add to a page, whether that be a paragraph, a heading, an image, a container, a column etc. will output HTML. Each of those are counted in your DOM Size.
Unless you have plugins that are creating bloated HTML that can be replaced, then the only way to reduce that is to remove content from the page, or use some kind of ajax loading. Otherwise just ignore the Diagnostic ( its not an error ), it only becomes an issue if you have a lot of styles or interactive scripts on the page
I have changed to regular tables from the library to improve performance and hopefully get rid of the DOM issue.
Now I am unable to center the top portion of the table.
Can you please help me fix this?
By top portion I meant this section:
Have you figured it out?
It's centered from what I can see:
https://www.screencast.com/t/1j5cvv9CIqQw
I managed to fix it. Thank you for your reply Leo.
No problem :)
