- Introduced PageLoadTimeController to measure and display page load times. - Moved the footer content into a partial for better code organization. - Added 'bullet' gem for performance monitoring. This commit enhances the application by providing useful information about load time directly in the UI and refactoring the layout code for maintainability.
18 lines
515 B
JavaScript
18 lines
515 B
JavaScript
import {Controller} from "@hotwired/stimulus"
|
|
|
|
export default class extends Controller {
|
|
static targets = ["timer"]
|
|
|
|
connect() {
|
|
// 记录页面加载开始的时间
|
|
const startTime = performance.now();
|
|
|
|
// 监听页面加载完成事件
|
|
window.addEventListener('load', () => {
|
|
const endTime = performance.now();
|
|
const loadTime = endTime - startTime;
|
|
// 更新显示
|
|
this.timerTarget.textContent = loadTime;
|
|
});
|
|
}
|
|
} |