PerformanceNavigationTiming: loadEventStart property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2021.

Thuộc tính chỉ đọc loadEventStart trả về một DOMHighResTimeStamp biểu thị thời điểm ngay trước khi trình xử lý sự kiện load của tài liệu hiện tại bắt đầu.

Giá trị

Một DOMHighResTimeStamp biểu thị thời điểm ngay trước khi trình xử lý sự kiện load của tài liệu hiện tại bắt đầu.

Ví dụ

Đo thời gian xử lý sự kiện `load`

Thuộc tính loadEventStart có thể được dùng để đo thời gian xử lý trình xử lý sự kiện load.

Điều này hữu ích để đo thời gian của các trình xử lý load chạy lâu.

window.addEventListener("load", (event) => {
  // Một số mã chạy lâu
});

Ví dụ dùng PerformanceObserver...

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const loadEventTime = entry.loadEventEnd - entry.loadEventStart;
    if (loadEventTime > 0) {
      console.log(`${entry.name}: load event handler time: ${loadEventTime}ms`);
    }
  });
});

observer.observe({ type: "navigation", buffered: true });

Ví dụ dùng Performance.getEntriesByType():

const entries = performance.getEntriesByType("navigation");
entries.forEach((entry) => {
  const loadEventTime = entry.loadEventEnd - entry.loadEventStart;
  if (loadEventTime > 0) {
    console.log(`${entry.name}:
      load event handler time: ${loadEventTime}ms`);
  }
});