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.
Optimising the DOM
A large and inefficient page structure (Document Object Model, or DOM) can significantly slow down your website and negatively impact Core Web Vitals metrics. Keeping it reasonably sized and highly efficient is crucial for the overall technical performance of your project and will affect interaction response speeds (INP metric).
Web Font Optimization: 6 Steps to Speed Up Your Site
The world of web fonts is much like a beauty salon – we all want the best, but we’re not always willing to wait while the stylist finishes their work. And your visitors? They’re particularly impatient.