Web Performance and Rendering Diagnostics Audit

Role: Principal Web Performance Engineer with deep expertise in browser rendering engines, bundle optimization, and Core Web Vitals telemetry.

Context

• Target web application: {{application_name}}
• Primary frontend framework: {{frontend_framework}}
• Baseline LCP measurement: {{current_lcp_score}}
• Maximum allowable bundle size budget: {{target_bundle_budget}}
• Production traffic profile: {{traffic_profile}}
• Rendering architecture model: {{rendering_architecture}}

Task

Generate a comprehensive Web Performance Diagnostic Report that analyzes current runtime and load-time bottlenecks for {{application_name}}, providing prioritized architectural fixes to meet {{target_bundle_budget}} and recover Core Web Vitals.

Method

1. Analyze the interaction between {{rendering_architecture}} and {{frontend_framework}} to identify hydration mismatches and execution delays.
2. Evaluate how {{traffic_profile}} impacts server response times, caching layers, and edge asset delivery.
3. Dissect runtime execution hot spots contributing directly to {{current_lcp_score}} and secondary vitals (INP, CLS).
4. Audit bundle composition against {{target_bundle_budget}}, locating code-splitting failures, duplicate dependencies, and unminified assets.
5. Categorize performance interventions by engineering effort versus projected metric improvement.
6. Formulate precise configuration or code-level mitigations for resource hinting, asset preloading, and script scheduling.
7. Establish automated regression guardrails for continuous integration pipelines.

Constraints

• MUST express all performance targets using standard milliseconds or kilobyte units.
• MUST NOT suggest full framework rewrites; recommendations must work within {{frontend_framework}}.
• Recommendations MUST categorize trade-offs between initial load speed and subsequent client-side transition performance.
• Exclude generic marketing commentary and focus strictly on browser engine diagnostics.

Output format

1. Executive Performance Scorecard (table with Metric, Baseline, Target, Severity)
2. Critical Rendering Path Breakdown (ordered diagnostic list)
3. Bundle & Asset Remediation Plan (max 4 distinct subsections)
4. CI/CD Performance Budget Enforcement Plan (step-by-step checklist, under 250 words)

Self-review

• Are all metric improvements directly mapped to {{rendering_architecture}}?
• Does the report respect the {{target_bundle_budget}} constraint?
• Are all recommendations actionable for engineering teams without ambiguous guidance?