☰

DOM Load Indicator

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

Autor
akket0r
Denně instalací
0
Celkem instalací
1
Hodnocení
0 0 0
Verze
1.0
Vytvořeno
07. 07. 2025
Aktualizováno
07. 07. 2025
Size
1,8 KB
Licence
MIT
Spustit na
všech stránkách

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