Avoid excessive DOM
Senior SEO-specialist
Of course, a website should load as fast as possible: to get this done, avoiding an oversized DOM is a must. What is Avoid excessive DOM and how do you get it done? On this page, I discuss and give this advice.
What is Avoid excessive DOM?
Avoid an excessively large DOM is a suggestion Google PageSpeed Insights may give you when analyzing your website. Reducing the DOM may improve the loading speed of a Web site.
The operation of the DOM
The DOM involves how browsers convert HTML into objects. There is a specific structure that consists of several nodes. Each node represents an object. The larger this structure, the larger the DOM and the longer it takes for a page to load.(1)
An analysis with a program like Google PageSpeed Insights is an interesting way to find out how the DOM is doing. Does your page exceed the DOM size? Then you get the above advice. Reducing the number of nodes is then important, one way to do this is by changing themes on WordPress. Complicated styling on a theme takes a lot of loading time.
The impact of Avoid excessive large DOM on SEO
Avoid an excessively large DOM potentially impacts the SEO of a website or page. It is a suggestion from PageSpeed Insights and it is recommended to follow it. It potentially makes your page load time better. This in turn has positive implications for search engine optimization. Still, it is important to note that avoiding an excessively large DOM is not the only thing that affects your page speed. There may be more adjustments to make before you notice positive change. (2)
My advice
Improving your website’s loading speed is one way to optimize your website for the search engine. Still, it is important not to focus on this because there are no certainties.
We recommend using Google PageSpeed Insights. This will give you insight into the current state of your website and enable you to make important changes.
The most complete book on website speed
I’ve written so much about speeding up websites and everything involved that I like to divide it into different sections; general, tools, speed improvement points and tips. Feel free to see and consult all the links below to learn more about tools and tips for speeding up your website.
General
- What is the website speed
- Website speed: The division between marketing and development
- The influence of SEO on UX
- The influence of web design on SEO
- SPAs and SEO
- What are the Google Core Web Vitals?
Tools
Verbter points for speed
- First Contentful Paint (FCP)
- Time To First Byte (TTFB).
- Time To Interactive (TTI).
- Image for Largest view with content (LCP) preloaded
- Enable text compression
- Reduce the CSS
- Total Blocking Time (TBT).
- Speed Index
- Reduce JavaScript
- Largest Contentful Paint
- Delete unused CSS
- Remove unused JavaScript
- Deliver images in modern layouts
- Connect in advance to required origins
- Preventing obsolete JavaScript from being delivered to modern browsers
- Use an efficient cache policy for static items
- Remove duplicate modules from JavaScript
- Avoid multiple redirects
- Encode images efficiently
- Use lazy loading
- Load important requests in advance
General tips
- Tips for quickly loading a video
- Using Edge SEO for a faster website
- Installing a Content Delivery Network for SEO
- Optimizing images for SEO
- The influence of hosting on SEO
- Constructing the Object Model. (2014, March 31). web.dev. https://web.dev/articles/critical-rendering-path/constructing-the-object-model
- Get started with viewing and changing the DOM. (2019, March 1). Chrome For Developers. https://developer.chrome.com/docs/devtools/dom
