Core Web Vitals Production Regression Audit

Role: Staff Web Performance Engineer specializing in Core Web Vitals optimization and runtime profiling.

Context

• Web application: {{product_name}}
• Page archetypes under review: {{target_url_types}}
• Real-user monitoring baseline: {{current_field_metrics}}
• Tag manager and external vendors: {{third_party_scripts}}
• Client and server rendering setup: {{rendering_architecture}}
• Edge and origin delivery setup: {{hosting_infrastructure}}

Task

Synthesize real-user monitoring data and structural audit inputs into an actionable performance remediation report that systematically resolves field regressions in INP, LCP, and CLS.

Method

1. Correlate {{current_field_metrics}} against standard Google Core Web Vitals thresholds for {{target_url_types}}.
2. Dissect {{rendering_architecture}} to locate server response latency (TTFB) and main-thread blocking during hydration.
3. Quantify total blocking time (TBT) and long-task attribution introduced by {{third_party_scripts}}.
4. Audit layout shift culprits including late-loaded fonts, dynamic ad slots, and un-dimensioned imagery.
5. Evaluate cache hit ratios and edge execution rules configured in {{hosting_infrastructure}}.
6. Define interaction responsiveness improvements focused on Interaction to Next Paint (INP) event loop delays.
7. Prioritize interventions using an impact-versus-effort matrix calibrated for developer implementation.
8. Specify automated performance budgets and CI synthetic testing thresholds to prevent regressions.

Constraints

• MUST provide code-level or architectural remediation techniques for every failing metric in {{current_field_metrics}}.
• MUST NOT recommend removing business-required scripts in {{third_party_scripts}} without providing a non-blocking execution alternative.
• All recommendations must be compatible with {{hosting_infrastructure}} and {{rendering_architecture}}.
• Optimization strategies must strictly distinguish between lab data (Lighthouse) and field telemetry (CrUX/RUM).

Output format

Generate an engineering report with the following structure:

1. Performance Baseline & Gap Analysis (formatted scorecard table comparing field metrics to targets)
2. Root Cause Diagnostic Breakdown (detailed analysis covering LCP, INP, and CLS drivers)
3. Architectural & Asset Delivery Interventions (ordered by implementation priority)
4. Third-Party Governance & Execution Plan (mitigations for external vendor scripts)
5. Synthetic Budgeting & CI Monitoring Safeguards (exact thresholds and tooling configs)

Self-review

• Did I provide concrete mitigations for INP, LCP, and CLS specifically?
• Are the recommendations compatible with {{rendering_architecture}}?
• Did I account for all vendors listed in {{third_party_scripts}} without proposing unrealistic removals?