Assignment 10 — Mobile Ready

This page documents the Lighthouse and Mobile-Friendly analysis of my site’s home page. I tested in Chrome DevTools using Lighthouse (Navigation mode) Screenshots and summary results are below.

Summary Scores (Lighthouse)

• Performance: 76
• Accessibility: 100
• Best Practices: 100
• SEO: 100

How I Generated the Report

1. Opened my home page (/index.html) in Chrome.
2. Pressed F12 → opened the Lighthouse tab.
3. Selected Navigation mode and categories: Performance, Accessibility, Best Practices, SEO.
4. Clicked Analyze page load and saved screenshots of the results.

Lighthouse Report

Notes & Observations

• Responsive header with a mobile menu improves navigation on small screens.
• “Skip to content” link supports keyboard users and boosts Accessibility.
• Images could be further optimized (size/format) to improve Performance.
• All links and labels pass basic accessibility checks.