diff --git a/public/js/components/activity-timeline.js b/public/js/components/activity-timeline.js
index b918a6e4..665f05a3 100644
--- a/public/js/components/activity-timeline.js
+++ b/public/js/components/activity-timeline.js
@@ -122,12 +122,19 @@ class ActivityTimeline {
 
 // Auto-initialize if container exists
 if (typeof window !== 'undefined') {
-  document.addEventListener('DOMContentLoaded', () => {
+  function initActivityTimeline() {
     const container = document.getElementById('activity-timeline');
     if (container) {
       window.activityTimeline = new ActivityTimeline('activity-timeline');
     }
-  });
+  }
+
+  // Initialize immediately if DOM is already loaded, otherwise wait for DOMContentLoaded
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initActivityTimeline);
+  } else {
+    initActivityTimeline();
+  }
 }
 
 // Export for module systems
diff --git a/public/js/components/pressure-chart.js b/public/js/components/pressure-chart.js
index d5bbcb10..32e1a123 100644
--- a/public/js/components/pressure-chart.js
+++ b/public/js/components/pressure-chart.js
@@ -211,12 +211,19 @@ class PressureChart {
 
 // Auto-initialize if container exists
 if (typeof window !== 'undefined') {
-  document.addEventListener('DOMContentLoaded', () => {
+  function initPressureChart() {
     const container = document.getElementById('pressure-chart');
     if (container) {
       window.pressureChart = new PressureChart('pressure-chart');
     }
-  });
+  }
+
+  // Initialize immediately if DOM is already loaded, otherwise wait for DOMContentLoaded
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initPressureChart);
+  } else {
+    initPressureChart();
+  }
 }
 
 // Export for module systems