PerformanceNavigationTiming: loadEventEnd 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 loadEventEnd trả về một DOMHighResTimeStamp biểu thị thời điểm ngay sau khi trình xử lý sự kiện load của tài liệu hiện tại hoàn tất.

Giá trị

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

Ví dụ

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

Thuộc tính loadEventEnd 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`);
  }
});