# Achieving a 100/100 Google Lighthouse Score
Search engines heavily penalize slow websites with poor Core Web Vitals scores.
## Optimization Checklist:
1. **Fonts**: Use `next/font/google` with `display: swap` to eliminate layout shifts.
2. **Images**: Use `next/image` with `priority` on LCP heroes and `loading="lazy"` on sub-fold imagery.
3. **CSS Utility Optimization**: Hardware-accelerate CSS keyframe animations using `transform-gpu`.
Engineering
Achieving a 100/100 Google Lighthouse Score in Next.js 15
Optimization techniques for LCP, CLS, and INP: font optimization, Next Image layout, and script deferral.
Lalit Kumar
Author
Jul 12, 2026
6 min read
#Lighthouse#Web Performance#Next.js#SEO#Core Web Vitals
Share Article