Custom Web Dev2026-01-20
Next.js website slow on mobile: improving LCP without redesign
If your Next.js site feels slow on mobile, this guide covers the quickest LCP wins (images, fonts, caching, and critical CSS).
Problem
Your Next.js site looks great but feels slow on mobile. Google PageSpeed shows poor LCP, causing lost leads and weaker SEO.
Solution
- Optimise the hero image (use next/image, correct sizes, and avoid massive PNGs).
- Preload critical fonts and avoid multiple font weights where possible.
- Reduce third-party scripts above the fold (trackers, widgets).
- Ensure caching headers and compression are enabled on your hosting/CDN.
Quick checklist
- Use next/image + correct sizes
- Preload fonts
- Remove heavy scripts above fold
- Enable CDN caching
Need this fixed today?
We provide 24/7 support across the UK for Shopify and WordPress, plus custom development.
Keywords
nextjs lcp fixwebsite speed optimisation ukcustom web development uk