// Resource Timing API
const resources = performance.getEntriesByType('resource');

resources.forEach(entry => {
  console.log(entry.name);
  console.log('DNS:', entry.domainLookupEnd
    - entry.domainLookupStart, 'ms');
  console.log('TCP:', entry.connectEnd
    - entry.connectStart, 'ms');
  console.log('TLS:', entry.connectEnd
    - entry.secureConnectionStart, 'ms');
  console.log('TTFB:', entry.responseStart
    - entry.requestStart, 'ms');
  console.log('Download:', entry.responseEnd
    - entry.responseStart, 'ms');
  console.log('Total:', entry.duration, 'ms');
});

// Navigation Timing
const nav = performance.getEntriesByType('navigation')[0];
console.log('DOM Interactive:', nav.domInteractive);
console.log('DOM Complete:', nav.domComplete);
console.log('Load Event:', nav.loadEventEnd);