DOM + FPS Indicator (Draggable + Minimize)

DOM/FPS индикатор: перетаскивание, двойной клик — компактный кружок, позиция и состояние сохраняются; спарклайн ms/кадр (опц.)

Installer dette scriptet ?

Ask a question, post a review, or report the script.

Forfatter: akket0r
Daglige installasjoner: 0
Totale installasjoner: 2
Vurderinger: 0 0 0
Versjon: 2.1b
Lagd: 07.07.2025
Oppdatert: 03.09.2025
Size: 14,3 kB
Lisens: MIT
Gjelder: Alle sider

🟢 DOM + FPS Indicator

DOM + FPS Indicator — это лёгкий визуальный инструмент для разработчиков, который показывает в реальном времени количество DOM-элементов на странице и частоту кадров (FPS).
Помогает быстро выявлять перегрузку страницы и следить за производительностью браузера.

📦 Features

🔹 DOM Monitor
- Отображает количество DOM-узлов (document.querySelectorAll("*").length)
- Цветовая индикация состояния:
- 🟩 Зелёный — страница «лёгкая» (до 6000 элементов)
- 🟨 Жёлтый — средняя нагрузка (6000–9000 элементов)
- 🟥 Красный — высокая нагрузка (9000–15000 элементов)
- ⚠️ Мигающий красный + иконка — перегрузка (более 15000 элементов)
- Обновляется каждые 1s
🔹 FPS Meter
- Измеряет кадровую частоту через requestAnimationFrame
- Показывает усреднённое значение (FPS) и время кадра (ms)
- Цветовая подсветка по качеству анимации
- Мини-график (спарклайн) задержек кадра
🔹 UI
- Индикатор внизу справа (поверх страницы)
- Можно перетаскивать мышью или пальцем
- Двойной клик — сворачивает в компактный круг с минимальной информацией
- Позиция и режим сохраняются в localStorage
- Не работает внутри iframe (нет дублей в плеерах/виджетах)

💻 Installation & Usage

Установите Tampermonkey или любой другой менеджер userscript-ов.
Создайте новый скрипт и вставьте код из репозитория.
Перезагрузите страницу — индикатор появится автоматически.