☰

DOM Load Indicator

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

Autore
akket0r
Installazioni giornaliere
0
Installazioni totali
2
Valutazione
0 0 0
Versione
2.0
Creato il
07/07/2025
Aggiornato il
24/08/2025
Dimensione
7,91 KB
Licenza
MIT
Applica a
Tutti i siti

🟢 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();