Dynamic Inspector for Elementor – Performance Profiler & Debugger
·
A powerful frontend inspector and navigator for Elementor that helps developers debug, inspect elements, and analyze performance.
Dynamic Inspector for Elementor is a developer tool that provides deep insights into your Elementor pages. Inspect the element tree, analyze performance, check Dynamic Visibility settings, and debug your layouts directly from the frontend.
Key Features
- Element Tree Inspector — Navigate through all page elements (widgets, containers, sections, templates)
- Performance Analysis — See execution time for each element with cache indicators
- Highlight Elements — Hover over elements in the inspector to highlight them on the page
- Dynamic Content Detection — Identify which elements are cached vs dynamically rendered
- Visibility Integration — View Dynamic Visibility settings when using Dynamic.ooo plugins
- Theme Builder Support — Works with Elementor Pro single/archive templates
- Clean UI — Dual-panel interface (tree navigator + detailed infobox)
- Developer Friendly — Loading messages, smooth animations, responsive design
Perfect for:
- Elementor developers debugging complex layouts
- Performance optimization and analysis
- Understanding element hierarchy and structure
- Identifying slow widgets
- Checking visibility conditions
- Theme Builder template inspection
Pro Tips
- Execution times are measured in real-time during inspection—your site’s normal caching is not affected
- Use the highlight feature to quickly locate elements on the page
- Compatible with all third-party Elementor plugins