The Scenario
A media publishing site with over 100,000 pages has suffered a 30% drop in organic traffic after a recent Google core update. The VP of Growth needs a comprehensive technical audit report detailing server response times, JavaScript rendering issues (hydration lag), Core Web Vitals (INP optimization), and crawl architecture.
The Brief
Provide a technical SEO and performance audit for a large-scale single-page application (SPA) with slow initial load times, high Interaction to Next Paint (INP), and broken internal link equity. Draft a complete, developer-friendly audit report with concrete code fixes and architectural recommendations.
Deliverables
- Full Technical Audit report (markdown) covering: Indexability & Crawling, Core Web Vitals (LCP, INP, CLS) bottlenecks, and Information Architecture/Internal Linking.
- Code snippets showing how to fix a hydration/INP bottleneck in a React/Next.js client-side interactive component (e.g. debouncing/deferring non-critical render blocks, using requestIdleCallback or CSS content-visibility).
- Dynamic rendering or SSR recommendation with clear trade-offs.
- Implementation plan for monitoring Core Web Vitals in production using Real User Monitoring (RUM).
Submission Guidance
Submit a detailed, publication-ready markdown report. Break down your analysis systematically and defend your code-level and architectural decisions.
Submit Your Work
Your submission is graded against the rubric on the right. If you pass, you get a public Badge URL you can share on LinkedIn. There is no draft save, so work offline first and paste your finished response here.