The Scenario
A local bakery is losing mobile search rankings because their site takes over 5 seconds to become interactive. The owner wants a quick audit and performance optimization.
The Brief
Analyze a basic HTML/CSS page setup with some large unoptimized images, layout shifts, and blocking scripts. Identify the Core Web Vitals bottlenecks (LCP, CLS, INP) and fix them by optimizing images (modern formats, sizing), adding dimensions to avoid layout shifts, and making scripts async/defer.
Deliverables
- Optimized HTML/CSS snippet implementing the performance fixes.
- A short audit report (in markdown) listing the 3 main performance bottlenecks identified and how they were solved.
- The specific Core Web Vitals metrics target expected after changes (LCP, CLS).
Submission Guidance
Format your submission in Markdown. Provide code snippets using fenced blocks and write clear, concise explanations for your audit and metrics target.
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.