logoAnt Design X

DesignDevelopmentComponentsX MarkdownX SDKPlayground
  • Introduction
  • Code Examples
    2.0.0
  • Themes
  • Streaming
    • Syntax Processing
    • Animation Effects
    • Performance Monitor
  • Components
    • Overview
    • CodeHighlighter
    • Mermaid
    • Think
    • DataChart
    • Infographic
    • Sources
    • Custom Component
  • Plugins
    • Overview
    • Latex
    • CustomPlugins

Performance Monitor

Monitor key performance metrics (such as FPS and memory usage) during Markdown rendering in real-time, displayed as an overlay on the page to help developers identify rendering bottlenecks.

Code Demo

API

PropertyDescriptionTypeDefault
debugWhether to enable performance monitor panelbooleanfalse

⚠️ For development environment only. Make sure to disable in production builds to avoid performance overhead and information leakage.

Performance Monitor Panel
CodeSandbox Icon
codepen icon
External Link Icon
expand codeexpand code