Đây là thời gian nhận HTML (chỉ bản thân tài liệu .html, không tính ảnh, CSS, JS...).

✅ Với performance.getEntriesByType('navigation') (chuẩn mới):

performance.timing

📘 Ý nghĩa:

  • requestStart: Khi trình duyệt bắt đầu gửi request đến server.

  • responseEnd: Khi toàn bộ HTML response đã nhận xong.

  • 👉 responseEnd - requestStart = thời gian server phản hồi toàn bộ tài liệu HTML.

📌 Gợi ý: Xem log đẹp hơn

console.table({
    'Redirect': performance.timing.redirectEnd - performance.timing.redirectStart,
    'DNS Lookup': performance.timing.domainLookupEnd - performance.timing.domainLookupStart,
    'TCP Handshake': performance.timing.connectEnd - performance.timing.connectStart,
    'Request': performance.timing.responseStart - performance.timing.requestStart,
    'Response': performance.timing.responseEnd - performance.timing.responseStart,
    'DOM Parsing': performance.timing.domComplete - performance.timing.domLoading,
    'DOMContentLoaded': performance.timing.domContentLoadedEventEnd - performance.timing.navigationStart,
    'Page Load': performance.timing.loadEventEnd - performance.timing.navigationStart
});