2 documents tagged with “DOM”
The DOM (Document Object Model) is the tree of all HTML elements on the page. The larger it is, the longer the calculations for layout, paint, and styling. Lighthouse will warn you about a big DOM (over 1500 elements), but the real problems start sooner.
Under the DOM tag you will find articles on analysing the DOM, where it most often grows beyond reason, and what techniques (virtualisation, lazy rendering, content-visibility) can tame it.
DOM Optimization
A large and inefficient webpage structure (Document Object Model, or DOM) can significantly slow down your website and negatively impact Core Web Vitals metrics. Keeping it to a reasonable size and as efficient as possible is crucial for the overall technical performance of your project and will affect the speed of interaction responses (INP metric).
Web Font Optimization: 6 Steps to Speed Up Your Site
The world of web fonts is like a beauty salon—everyone wants the best, but not everyone is willing to wait for the stylist to finish their work. And your visitors? They are particularly impatient.