WordPress.org

Plugin Directory

Dynamic Inspector for Elementor – Performance Profiler & Debugger

Dynamic Inspector for Elementor – Performance Profiler & Debugger

描述

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

屏幕截图

  • Element tree navigator with hierarchical view of containers, widgets, and nested elements
  • Top 10 Slowest widgets panel showing execution times for performance optimization
  • Detailed element info panel with stats, performance data, dynamic tags, and quick edit access

安装

  1. Upload the plugin files to /wp-content/plugins/dynamic-inspector-for-elementor/
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Ensure Elementor is installed and activated
  4. Look for “Frontend Inspector” in the admin bar on any page

常见问题

Does this work with Elementor Free?

Yes! The plugin works with both Elementor Free and Pro.

Why are execution times different from production?

The inspector measures real render times during inspection. In production with caching enabled, most elements load near-instantly.

Does it work with Theme Builder templates?

Yes! The inspector automatically detects and shows Theme Builder templates (single, archive, etc.).

Can I use this with Dynamic Visibility for Elementor?

Yes! The inspector integrates with both Dynamic Visibility for Elementor and Dynamic Content for Elementor to show visibility conditions.

Is this safe for production sites?

Absolutely. Only administrators can access it, and inspected pages are automatically excluded from search indexing.

评价

此插件暂无评价。

贡献者及开发者

「Dynamic Inspector for Elementor – Performance Profiler & Debugger」是开源软件。 以下人员对此插件做出了贡献。

贡献者

「Dynamic Inspector for Elementor – Performance Profiler & Debugger」插件已被翻译至 1 种本地化语言。 感谢所有译者为本插件所做的贡献。

帮助将「Dynamic Inspector for Elementor – Performance Profiler & Debugger」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.0.0

  • Initial release