☰

DOM Load Indicator

Показывает количество DOM-элементов на странице с цветовой индикацией (🟢🟡🔴)

Forfatter
akket0r
Daglige installasjoner
0
Totale installasjoner
2
Vurderinger
0 0 0
Versjon
2.0
Lagd
07.07.2025
Oppdatert
24.08.2025
Size
7,9 kB
Lisens
MIT
Gjelder
Alle sider

🟢 DOM + FPS Indicator Loading

DOM Indicator is a lightweight visual tool that displays the number of DOM nodes on a web page in real time. It helps developers monitor page complexity and detect overloads that may cause performance issues.

📦 Features

  • Shows live DOM node count (document.querySelectorAll("*").length)
  • Color status indicator:
    • 🟩 Green — under 6000 elements
    • 🟨 Yellow — between 6000 and 9000
    • 🟥 Red — between 9000 and 15000
    • ⚠️ Blinking warning + icon — above 15000 elements
  • Automatically updates every second
  • Visible indicator in bottom-right corner
  • Does not run in iframes (prevents duplicates in players/widgets)

💻 How to Use

// Run in browser DevTools console or install as a userscript
initDOMIndicator();