WordPress.org

Plugin Directory

Dynamic Inspector for Elementor – Performance Profiler & Debugger

Dynamic Inspector for Elementor – Performance Profiler & Debugger

Opis

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

Slike ekrana

  • 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

Instalacija

  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

ČPP

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.

Recenzije

Nema recenzija za ovaj dodatak.

Saradnici i programeri

“Dynamic Inspector for Elementor – Performance Profiler & Debugger” is open source software. The following people have contributed to this plugin.

Doprinositelji

“Dynamic Inspector for Elementor – Performance Profiler & Debugger” je prijeveden na 1 dijalekt. Zahvala prevodiocima za njihov doprinos.

Prevedi “Dynamic Inspector for Elementor – Performance Profiler & Debugger” na vaš jezik.

Zainteresirani za razvoj?

Pregledajte kôd, pogledajte SVN spremišteili se pretplatite na dnevnik razvoja od RSS.

Zapis promijena

1.0.0

  • Initial release