Hi,
Firstly, many thanks to the team for providing valuable feedback. I have been a proud member of the Newspaper family for over 5 years now.
Here is my query: How to decrease DOM size?
I don’t have expertise in modifying the elements. Here are the screenshots attached:
1. Page Speed Insights- Desktop
2. Total DOM Elements- Desktop
3. Page Speed Insights- Mobile
4. Total DOM Elements- Mobile
Any help or direction to solve the problem is highly appreciated. Thanks!
Regards
Dr. Varun
Sorry, forgot to post the website link: https://medicforyou.in
Hi,
The DOM number is given by the elements that are used on the page/post, if there are more of them, the DOM number will be higher.
What I can recommend is to set more useful elements, blocks, and modules.
Thank you!
Thanks! I did a fresh install and removed most of the unnecessary elements.
Apart from that, I used Wp rocket “remove unused css” feature for first time without actually breaking the site (except the search and menu on mobile I need to fix).
Also, used Cloudfare cache everything. Will try to write how I achieved 100% (mobile and desktop) on pageinsights and 100 on gtmetrix but 93 on pingdom.
Hello,
If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray
Thank you!
Noted! Will test.
Did you ever write how you achieved your scores? I’m suffering from the DOM issue too
I opened a ticket for Excessive DOM size issue for my website https://aapkafaida.com/
i was told that this issue is discussed and resolved on this page, however i dont see a clear guidance or steps that must be taken to resolve this.
My website has a newspaper layout and offcourse it has 30-40 articles headings on the main page. Appreciate your solid guidance on how to resolve the Excessive DOM size issue.
Hello,
Now, the mobile version is also displayed on the desktop. This usually happens with cache plugins. If the cache plugin does not have mobile support, the mobile version can be delivered instead.
The solution would be to use the recommended WP Super Cache plugin instead and activate these settings (especially the mobile device support): https://forum.tagdiv.com/cache-plugin-install-and-configure/
Also, you can check this https://i.imgur.com/Es7nHNh.png
Thank you!
For the fix, I simply used wpRocket and removed the unused css. It fixed most of the errors.
Did you solve the search issue while using unused css?
I also have the same issue.
