Skip to content
+91 89607 57615
Code Craft — web development and digital marketing
Lesson 1424 min

Performance and Lighthouse checks

Audit the bakery site with Lighthouse, find a real layout-shift problem, fix it and measure again.

Taught by Sandesh Sahetiya

The video is part of the full course

In this lesson you will

  • Run a Lighthouse audit and read the four scores
  • Understand LCP, CLS and INP (Core Web Vitals)
  • Find and fix a layout shift
  • Know which findings are code and which are hosting

Lighthouse is built into Chrome's DevTools. It loads your page on a simulated mid-range phone and slow connection, then scores Performance, Accessibility, Best practices and SEO, with a list of what to fix. In this lesson we audit the bakery site, and it finds a real problem.

Run Lighthouse

  1. 1
    Serve the siteUse Live Server (or your live site). Audits of file:// pages aren't realistic.
  2. 2
    Open a clean windowUse an Incognito window so browser extensions don't affect the result.
  3. 3
    AuditOpen DevTools, choose the Lighthouse panel, select Mobile and all four categories, and click Analyze page load.

Continue with the full course

The rest of this lesson, the narrated video, the PDF and the exercise are part of Web Development Foundations. One payment, lifetime access.

Buy the course$39.00

Already bought it? Sign in with the email you paid with.