☰

DOM Load Indicator

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

Author
akket0r
Daily installs
0
Total installs
1
Ratings
0 0 0
Version
1.0
Created
2025-07-07
Updated
2025-07-07
Size
1.81 KB
License
MIT
Applies to
All sites

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