| 170 | |
| 171 | // Performance monitoring |
| 172 | function initializePerformanceMonitoring() { |
| 173 | // Log page load time |
| 174 | window.addEventListener("load", function () { |
| 175 | const loadTime = performance.now(); |
| 176 | console.log(`Page loaded in ${loadTime.toFixed(2)}ms`); |
| 177 | |
| 178 | // Count elements for performance insight |
| 179 | const messageCount = document.querySelectorAll(".message-block").length; |
| 180 | const foldoutCount = document.querySelectorAll("details").length; |
| 181 | |
| 182 | console.log( |
| 183 | `Rendered ${messageCount} messages and ${foldoutCount} foldouts`, |
| 184 | ); |
| 185 | }); |
| 186 | } |
| 187 | |
| 188 | // Message expand/collapse functionality |
| 189 | function expandMessage(clickedElement) { |