Performa web adalah faktor kritis dalam kesuksesan digital. Google menggunakan Core Web Vitals sebagai ranking signal, dan pengguna mengharapkan halaman loading di bawah 2 detik.
Core Web Vitals
LCP (Largest Contentful Paint)
Target: < 2.5 detik. Optimasi: kompresi gambar, preload font, server response time.
FID (First Input Delay) / INP
Target: < 200ms. Optimasi: code splitting, lazy loading, web workers.
CLS (Cumulative Layout Shift)
Target: < 0.1. Optimasi: ukuran eksplisit untuk media, font display swap.
Teknik Optimasi Terkini
Image Optimization
Gunakan WebP/AVIF, implementasikan responsive images, dan lazy loading native.
Code Splitting
Next.js sudah melakukan code splitting otomatis. Pastikan dynamic imports untuk komponen besar.
Caching Strategy
Service worker untuk PWA, CDN untuk static assets, dan Redis untuk API caching.
Bundle Analysis
Gunakan tools seperti next/bundle-analyzer untuk mengidentifikasi dependency yang tidak perlu.
Hasil dari optimasi menyeluruh? Loading time turun 60%, bounce rate turun 35%, dan konversi naik 20%.