# Improve Lighthouse performance, accessibility, and SEO **Attached Lighthouse report ## Description A Google Lighthouse audit identified several potential improvements to the homepage. **Lighthouse scores (Mobile):** - Performance: 54/100 - Accessibility: 96/100 - Best Practices: 100/100 - SEO: 91/100 The audit was run on the Vite development server (`localhost:5173`). Performance results may therefore not represent production performance. ### Identified issues **1. Performance** - First Contentful Paint (FCP): 39.5 s - Largest Contentful Paint (LCP): 77.7 s - Total Blocking Time: 140 ms - Cumulative Layout Shift: 0.002 - Total transferred resources: approximately 14 MB. - Lighthouse identifies substantial unminified and unused JavaScript, primarily from development dependencies. - The hero image is larger than necessary for its displayed dimensions (estimated savings: 132 KiB). - Lighthouse recommends improving discovery and loading priority of the LCP image. **2. Accessibility** - The "Load more..." button has insufficient color contrast (3.72:1 instead of the required 4.5:1). - The affected button uses `text-blue-500` against the dark background. **3. SEO** - The homepage is missing a meta description. ## Proposed changes - Run Lighthouse against a production build to obtain reliable performance measurements. - Investigate remaining performance bottlenecks identified in the production audit. - Optimize the hero image and its loading priority. - Fix the "Load more..." button's text contrast. - Add a descriptive meta description to the homepage. ## Acceptance criteria - [ ] Lighthouse has been tested using a production build. - [ ] Significant performance issues identified in the production audit have been addressed or documented. - [ ] The hero image is appropriately sized and optimized for loading. - [ ] The "Load more..." button meets WCAG AA contrast requirements. - [ ] The homepage includes a relevant meta description. - [ ] Lighthouse reports no remaining issues related to these specific fixes. ## Dependencies None. [LightHouseReport.html.zip](https://git.ntnu.no/user-attachments/files/3658/LightHouseReport.html.zip)