WordPress.org

Plugin Directory

Dynamic Inspector for Elementor – Performance Profiler & Debugger

Dynamic Inspector for Elementor – Performance Profiler & Debugger

Descripción

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

Capturas

  • 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

Instalación

  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

Preguntas frecuentes

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.

Reseñas

No hay reseñas para este plugin.

Colaboradores y desarrolladores

«Dynamic Inspector for Elementor – Performance Profiler & Debugger» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Dynamic Inspector for Elementor – Performance Profiler & Debugger» ha sido traducido a 1 idioma local. Gracias a los traductores por sus contribuciones.

Traduce «Dynamic Inspector for Elementor – Performance Profiler & Debugger» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0.0

  • Initial release