XHR Performance Audits with Warning Status and CSV Reporting

[iBombit]

📋 Summary

Added XHR/AJAX request monitoring to Lighthouse with visual warnings and CSV export capabilities for better performance analysis.

✨ Features Added

🔍 New Audits

1. XHR Network Requests Audit (network-xhr-audit)

   • Tracks total duration of all XHR/AJAX requests
   • Shows red/yellow warnings when thresholds exceeded
   • Filters out static content and advertisements

2. XHR Count Audit (xhr-count-audit)

   • Counts number of XHR/AJAX requests
   • Provides scoring based on request volume
   • Helps identify over-fetching issues

📊 CSV Reporting Integration

• XHR metrics now included in performance CSV reports
• XHR Requests Duration: Total time spent on XHR calls
• XHR Requests Count: Number of XHR requests made

⚠️ Thresholds

• Green: ≤500ms duration, ≤5 requests
• Yellow: 500-2000ms duration, 5-15 requests
• Red: ≥2000ms duration, ≥15 requests

🎯 Filtering

Excludes non-performance relevant requests:

• Static resources (images, CSS, JS, fonts)
• Advertising networks (DoubleClick, Google Ads, etc.)
• Tracking scripts

📝 Files Changed

• network-xhr-audit.js - XHR duration tracking
• xhr-count-audit.js - XHR count monitoring
• lighthouse.js - Audit registration
• csv.js - CSV report export