page_start_time = defined('BDTEP_DEBUG_PAGE_START') ? BDTEP_DEBUG_PAGE_START : microtime(true);
$this->page_start_memory = defined('BDTEP_DEBUG_PAGE_START_MEMORY') ? BDTEP_DEBUG_PAGE_START_MEMORY : memory_get_usage(true);
global $wpdb;
$this->page_start_queries = $wpdb->num_queries;
$this->setup_hooks();
}
private function setup_hooks() {
add_action('elementor/frontend/widget/before_render', [$this, 'on_before_render'], 1);
add_action('elementor/frontend/widget/after_render', [$this, 'on_after_render'], 999);
add_action('admin_bar_menu', [$this, 'add_admin_bar_menu'], 999);
add_action('wp_footer', [$this, 'output_debug_panel'], 8);
add_action('wp_head', [$this, 'output_early_js'], 5);
add_action('wp_enqueue_scripts', [$this, 'enqueue_assets'], 999999);
add_action('admin_bar_init', [$this, 'admin_bar_styles']);
}
/* ─── Widget Profiling ─────────────────────────────────── */
public function on_before_render($widget) {
$widget_id = $widget->get_id();
global $wpdb;
$this->current_widget_stack[$widget_id] = [
'name' => $widget->get_name(),
'title' => wp_strip_all_tags($widget->get_title()),
'start_time' => microtime(true),
'start_memory' => memory_get_usage(false),
'start_peak' => memory_get_peak_usage(false),
'start_queries' => $wpdb->num_queries,
'start_q_index' => defined('SAVEQUERIES') && SAVEQUERIES ? count($wpdb->queries) : 0,
];
}
public function on_after_render($widget) {
$widget_id = $widget->get_id();
if (!isset($this->current_widget_stack[$widget_id])) {
return;
}
global $wpdb;
$start = $this->current_widget_stack[$widget_id];
$end_time = microtime(true);
$end_memory = memory_get_usage(false);
$end_peak = memory_get_peak_usage(false);
$end_queries = $wpdb->num_queries;
$queries = [];
if (defined('SAVEQUERIES') && SAVEQUERIES) {
$end_q_index = count($wpdb->queries);
for ($i = $start['start_q_index']; $i < $end_q_index; $i++) {
if (isset($wpdb->queries[$i])) {
$queries[] = [
'sql' => $wpdb->queries[$i][0],
'time' => round($wpdb->queries[$i][1] * 1000, 3),
];
}
}
}
$memory_delta = $end_memory - $start['start_memory'];
$peak_during = $end_peak - $start['start_peak'];
$this->widgets_data[] = [
'id' => $widget_id,
'name' => $start['name'],
'title' => $start['title'],
'render_time' => round(($end_time - $start['start_time']) * 1000, 2),
'memory_delta' => $memory_delta,
'memory_peak' => max($memory_delta, $peak_during),
'memory_after' => $end_memory,
'db_queries' => $end_queries - $start['start_queries'],
'queries' => $queries,
];
unset($this->current_widget_stack[$widget_id]);
}
/* ─── Data Aggregation ─────────────────────────────────── */
private function get_debug_data() {
global $wpdb;
$page_end_time = microtime(true);
$page_end_memory = memory_get_usage(true);
$total_render_time = 0;
$total_widget_queries = 0;
$total_memory_delta = 0;
foreach ($this->widgets_data as $w) {
$total_render_time += $w['render_time'];
$total_widget_queries += $w['db_queries'];
$total_memory_delta += $w['memory_delta'];
}
$sorted = $this->widgets_data;
usort($sorted, function ($a, $b) {
return $b['render_time'] <=> $a['render_time'];
});
$scripts = wp_scripts();
$styles = wp_styles();
$all_scripts_detail = [];
$all_styles_detail = [];
$ep_scripts = [];
$ep_styles = [];
foreach ($scripts->done as $handle) {
$reg = isset($scripts->registered[$handle]) ? $scripts->registered[$handle] : null;
$src = $reg ? $reg->src : '';
$is_ep = strpos($handle, 'ep-') === 0 || strpos($handle, 'bdt-') === 0 || strpos($handle, 'element-pack') === 0;
$is_elementor = strpos($handle, 'elementor') !== false;
$entry = [
'handle' => $handle,
'src' => $src,
'ver' => $reg ? ($reg->ver ?: '') : '',
'deps' => $reg ? count($reg->deps) : 0,
'in_footer' => $reg && isset($reg->extra['group']) && $reg->extra['group'] === 1,
'source' => $is_ep ? 'ep' : ($is_elementor ? 'elementor' : 'other'),
];
$all_scripts_detail[] = $entry;
if ($is_ep) {
$ep_scripts[] = ['handle' => $handle, 'src' => $src];
}
}
foreach ($styles->done as $handle) {
$reg = isset($styles->registered[$handle]) ? $styles->registered[$handle] : null;
$src = $reg ? $reg->src : '';
$is_ep = strpos($handle, 'ep-') === 0 || strpos($handle, 'bdt-') === 0 || strpos($handle, 'element-pack') === 0;
$is_elementor = strpos($handle, 'elementor') !== false;
$entry = [
'handle' => $handle,
'src' => $src,
'ver' => $reg ? ($reg->ver ?: '') : '',
'deps' => $reg ? count($reg->deps) : 0,
'in_footer' => false,
'source' => $is_ep ? 'ep' : ($is_elementor ? 'elementor' : 'other'),
];
$all_styles_detail[] = $entry;
if ($is_ep) {
$ep_styles[] = ['handle' => $handle, 'src' => $src];
}
}
return [
'page' => [
'total_time' => round(($page_end_time - $this->page_start_time) * 1000, 2),
'memory_usage' => $page_end_memory,
'memory_peak' => memory_get_peak_usage(true),
'memory_limit' => $this->get_memory_limit_bytes(),
'memory_limit_raw' => ini_get('memory_limit'),
'db_queries_total' => $wpdb->num_queries,
'db_queries_ep' => $total_widget_queries,
'php_version' => PHP_VERSION,
'wp_version' => get_bloginfo('version'),
'elementor_version' => defined('ELEMENTOR_VERSION') ? ELEMENTOR_VERSION : 'N/A',
'ep_version' => BDTEP_VER,
'savequeries' => defined('SAVEQUERIES') && SAVEQUERIES,
'asset_optimization'=> function_exists('element_pack_is_asset_optimization_enabled') ? element_pack_is_asset_optimization_enabled() : false,
],
'widgets' => [
'count' => count($this->widgets_data),
'total_render_time' => round($total_render_time, 2),
'total_queries' => $total_widget_queries,
'total_memory' => $total_memory_delta,
'items' => $sorted,
],
'assets' => [
'scripts_total' => count($scripts->done),
'styles_total' => count($styles->done),
'ep_scripts' => $ep_scripts,
'ep_styles' => $ep_styles,
'scripts_detail' => $all_scripts_detail,
'styles_detail' => $all_styles_detail,
],
'server' => [
'max_execution_time' => ini_get('max_execution_time'),
'php_sapi' => PHP_SAPI,
'opcache_enabled' => function_exists('opcache_get_status') && @opcache_get_status() !== false,
'object_cache' => wp_using_ext_object_cache(),
],
];
}
private function get_memory_limit_bytes() {
$limit = ini_get('memory_limit');
if ($limit === '-1') {
return -1;
}
$value = (int) $limit;
$unit = strtolower(substr(trim($limit), -1));
switch ($unit) {
case 'g': $value *= 1024 * 1024 * 1024; break;
case 'm': $value *= 1024 * 1024; break;
case 'k': $value *= 1024; break;
}
return $value;
}
/* ─── Admin Bar ────────────────────────────────────────── */
public function admin_bar_styles() {
if (!is_admin_bar_showing()) {
return;
}
add_action('wp_head', function () {
echo '';
}, 999);
}
public function add_admin_bar_menu($wp_admin_bar) {
if (is_admin()) {
return;
}
$data = $this->get_debug_data();
$time_color = $data['page']['total_time'] > 3000 ? '#f38ba8' : ($data['page']['total_time'] > 1000 ? '#fab387' : '#a6e3a1');
$queries_color = $data['page']['db_queries_total'] > 100 ? '#f38ba8' : ($data['page']['db_queries_total'] > 50 ? '#fab387' : '#a6e3a1');
$wp_admin_bar->add_node([
'id' => 'ep-debug',
'title' => sprintf(
' EP Debug: %sms | %s | %dq',
$time_color,
number_format($data['page']['total_time'], 0),
size_format($data['page']['memory_usage']),
$queries_color,
$data['page']['db_queries_total']
),
'href' => '#',
'meta' => [
'class' => 'ep-debug-admin-bar',
'onclick' => 'if(window.epDebugPanel){window.epDebugPanel.toggle();}return false;',
],
]);
$wp_admin_bar->add_node([
'id' => 'ep-debug-widgets',
'parent' => 'ep-debug',
'title' => sprintf(
'%d EP widgets — %sms render | %d queries',
$data['widgets']['count'],
number_format($data['widgets']['total_render_time'], 1),
$data['widgets']['total_queries']
),
]);
$top5 = array_slice($data['widgets']['items'], 0, 5);
foreach ($top5 as $i => $widget) {
$color = $widget['render_time'] > 100 ? '#f38ba8' : ($widget['render_time'] > 30 ? '#fab387' : '#a6e3a1');
$wp_admin_bar->add_node([
'id' => 'ep-debug-widget-' . $i,
'parent' => 'ep-debug-widgets',
'title' => sprintf(
'%sms %s (%dq)',
$color,
number_format($widget['render_time'], 1),
esc_html($widget['name']),
$widget['db_queries']
),
]);
}
$mem_pct = $data['page']['memory_limit'] > 0 ? round(($data['page']['memory_usage'] / $data['page']['memory_limit']) * 100) : 0;
$mem_color = $mem_pct > 80 ? '#f38ba8' : ($mem_pct > 60 ? '#fab387' : '#a6e3a1');
$wp_admin_bar->add_node([
'id' => 'ep-debug-memory',
'parent' => 'ep-debug',
'title' => sprintf(
'Memory: %s / %s (%d%%) — Peak: %s',
size_format($data['page']['memory_usage']),
esc_html($data['page']['memory_limit_raw']),
$mem_color,
$mem_pct,
size_format($data['page']['memory_peak'])
),
]);
$wp_admin_bar->add_node([
'id' => 'ep-debug-assets',
'parent' => 'ep-debug',
'title' => sprintf(
'Assets: %d scripts | %d styles (EP: %d js, %d css)',
$data['assets']['scripts_total'],
$data['assets']['styles_total'],
count($data['assets']['ep_scripts']),
count($data['assets']['ep_styles'])
),
]);
$wp_admin_bar->add_node([
'id' => 'ep-debug-env',
'parent' => 'ep-debug',
'title' => sprintf(
'PHP %s | WP %s | Elementor %s | EP %s',
esc_html($data['page']['php_version']),
esc_html($data['page']['wp_version']),
esc_html($data['page']['elementor_version']),
esc_html($data['page']['ep_version'])
),
]);
$flags = [];
if ($data['page']['asset_optimization']) {
$flags[] = 'Asset Opt: ON';
}
if ($data['server']['opcache_enabled']) {
$flags[] = 'OPcache: ON';
}
if ($data['server']['object_cache']) {
$flags[] = 'Object Cache: ON';
}
if ($data['page']['savequeries']) {
$flags[] = 'SAVEQUERIES: ON';
}
if (!empty($flags)) {
$wp_admin_bar->add_node([
'id' => 'ep-debug-flags',
'parent' => 'ep-debug',
'title' => implode(' | ', $flags),
]);
}
}
/* ─── Asset Enqueue ────────────────────────────────────── */
public function enqueue_assets() {
if (is_admin()) {
return;
}
wp_enqueue_style('ep-debug-panel', BDTEP_URL . 'includes/debug/ep-debug-panel.css', [], BDTEP_VER);
wp_enqueue_script('ep-debug-panel', BDTEP_URL . 'includes/debug/ep-debug-panel.js', [], BDTEP_VER, true);
}
/**
* Inline bootstrap that runs before any widget JS, capturing
* elementorFrontend hook execution times by intercepting doAction
* (execution) rather than addAction (registration).
*/
public function output_early_js() {
if (is_admin()) {
return;
}
?>
get_debug_data();
?>