Plugin Introduction
The ServerMonitor plugin places a compact, elegant floating panel in the corner of your website page, which displays real-time server metrics including CPU usage, memory occupancy, upload and download network speeds, and disk read/write speeds. The data automatically refreshes every 2 seconds, using the most unobtrusive method to put your server’s heartbeat right on your page.
Plugin Features
Zero Dependencies, Low Overhead
Data is directly calculated by reading Linux’s /proc virtual filesystem, with no reliance on third-party services or database writes. The sampling uses the snapshot difference method: each request only involves a few small file reads and one temporary snapshot write of approximately 22 bytes. The overhead is negligible and will barely affect your website’s speed.
30 Panel Styles
Ranging from everyday styles like Minimalist White and Deep Space Black, to four punk series including Cyberpunk, Atomic Punk, Steampunk, and Magic Punk, plus 10 pairs of light/dark matching color schemes like Chinese Red, Deep Sea Blue, Black Jade Green, and Grape Purple. Each style is a carefully tuned combination of colors, rounded corners, shadows, and fonts, so there’s always one that matches your site’s theme vibe.
One-Click Expand/Collapse Panel with Elastic Animation
Click the panel to collapse it entirely, shrinking it down to a small circular button in its original position. Both expanding and collapsing have smooth elastic animations.
Works on Both Frontend and Backend
Three display range options are available: Frontend only, Backend only, or Both frontend and backend.
Fully Customizable Position and Zoom
You can choose any of the four page corners: Top-left, Bottom-left, Top-right, or Bottom-right. Separate horizontal and vertical offset settings are available for desktop and mobile (supports both px and % units), and you can independently adjust the panel’s zoom level and opacity.
