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