Loadingβ¦
Shrink heavy pages so they load fast on mobile data. Most pages should stay under ~1.5MB.
Every byte costs time on mobile networks. Images are almost always the biggest offender, followed by unminified JavaScript and CSS. A lighter page loads faster, ranks better, and costs your visitors less data.
loading="lazy" to off-screen images and iframes so they don't block the initial load.<!-- 3.4MB page: full-res JPEGs + one big bundle.js --><img src="photo.webp" loading="lazy" width="800" height="600" alt="...">
<!-- code-split, minified bundles; total ~900KB -->Use an image-optimization plugin (ShortPixel, Imagify) for bulk WebP conversion, and a caching plugin to minify CSS/JS.
next/image handles format + sizing; the bundler code-splits per route automatically.
Run a free audit and get a prioritized fix list with auto-generated code.
Run a free audit