PerformanceResourceTiming: firstInterimResponseStart property

Giá trị

Thuộc tính firstInterimResponseStart có thể có các giá trị sau:

• Một DOMHighResTimeStamp ngay sau khi trình duyệt nhận byte tạm thời đầu tiên của phản hồi từ máy chủ.
• 0 nếu tài nguyên không gửi phản hồi tạm thời nào.
• 0 nếu tài nguyên là một yêu cầu cross-origin và không dùng tiêu đề phản hồi HTTP Timing-Allow-Origin.

Khi firstInterimResponseStart khác 0, điều đó cho thấy nó phải có cùng giá trị với requestStart đối với các trình duyệt hỗ trợ.

Ví dụ

Đo thời gian yêu cầu

Các thuộc tính firstInterimResponseStart và requestStart có thể dùng để đo xem trình duyệt mất bao lâu để nhận phản hồi tạm thời sau khi gửi yêu cầu.

const request = entry.firstInterimResponseStart - entry.requestStart;

Ví dụ sau dùng PerformanceObserver để thông báo các performance entry resource mới khi chúng được ghi trong performance timeline của trình duyệt. Tùy chọn buffered được dùng để truy cập các entry từ trước khi observer được tạo.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const request = entry.firstInterimResponseStart - entry.requestStart;
    if (request > 0) {
      console.log(`${entry.name}: Interim response time: ${request}ms`);
    }
  });
});

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

Ví dụ sau dùng Performance.getEntriesByType(), chỉ hiển thị các performance entry resource đang có trong performance timeline tại thời điểm bạn gọi phương thức này.

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  const request = entry.firstInterimResponseStart - entry.requestStart;
  if (request > 0) {
    console.log(`${entry.name}: Interim response time: ${request}ms`);
  }
});

Thông tin timing liên miền

Nếu giá trị của thuộc tính firstInterimResponseStart là 0, tài nguyên có thể là một yêu cầu cross-origin. Để cho phép xem thông tin timing cross-origin, cần đặt tiêu đề phản hồi HTTP Timing-Allow-Origin.

Ví dụ, để cho phép https://mdn.go-mizu.dev xem timing tài nguyên, tài nguyên cross-origin nên gửi:

Timing-Allow-Origin: https://mdn.go-mizu.dev

Thông số kỹ thuật

Tương thích trình duyệt

Xem thêm

• Timing-Allow-Origin
• finalResponseHeadersStart