Guidelines · WSG 3.6
Ensure code follows good semantic practices
A large DOM costs memory and CPU on every visit, and deeply nested markup usually signals styling and script that could be simpler.
How to satisfy it
- Use native elements (button, details, dialog) rather than rebuilding them in script.
- Flatten wrapper-heavy markup; every extra node is style and layout work.
- Aim well under 1,500 elements for a content page.
Measured pages failing this guideline
From the 60 most recently measured pages. Each links to its full report.
- consent.google.comThe page renders 1731 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.041 g CO₂e · 432 kB
- www.netcup.comThe page renders 6938 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.253 g CO₂e · 2.75 MB
- unstructured.ioThe page renders 2194 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.2.36 g CO₂e · 21.15 MB
- sankalp.bearblog.devThe page renders 1889 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.100 g CO₂e · 1.10 MB
- forum.donanimhaber.comThe page renders 12980 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.510 g CO₂e · 4.48 MB
- biomejs.devThe page renders 1560 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.027 g CO₂e · 245 kB
- github.comThe page renders 3205 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.202 g CO₂e · 1.80 MB
- github.comThe page renders 2455 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.241 g CO₂e · 2.16 MB
- huggingface.coThe page renders 1965 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.203 g CO₂e · 1.78 MB
- www.netlify.comThe page renders 1599 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.295 g CO₂e · 2.63 MB
- useneedle.netThe page renders 1849 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.129 g CO₂e · 1.39 MB
- lowendtalk.comThe page renders 2667 DOM elements, above the 1,500 guideline. Large trees cost memory and CPU on every visitor's device.0.692 g CO₂e · 7.57 MB