Skor Hijau Sempurna di PageSpeed
Situs berita sering kali lambat karena banyaknya iklan, pelacak, dan gambar yang tidak dioptimalkan. Google semakin memprioritaskan Core Web Vitals sebagai faktor ranking.
Tiga Metrik Kunci
- LCP (Largest Contentful Paint) — Waktu render elemen terbesar. Target:
< 2.5 detik. - FID (First Input Delay) — Waktu respons interaksi pertama. Target:
< 100ms. - CLS (Cumulative Layout Shift) — Stabilitas visual. Target:
< 0.1.
Strategi Optimasi MERPATI
| Strategi | Metrik | Dampak |
|---|---|---|
| React Server Components | LCP + FID | Zero JS bundle untuk konten statis |
| ISR Caching | LCP | Response ~90ms dari cache |
| Responsive images | LCP + CLS | Ukuran gambar sesuai viewport |
| Font preloading | CLS | Mencegah layout shift dari font swap |
Contoh: Cache Configuration
// lib/queries/cache-timestamp.ts
export const getCacheTimestamp = unstable_cache(
async () => new Date().toISOString(),
["cache-timestamp"],
{ revalidate: 3600, tags: ["site-options", "posts"] }
);Dengan MERPATI CMS, setiap halaman publik di-cache selama 1 jam. Response time rata-rata hanya 90ms setelah cache terbentuk — 16x lebih cepat dari request pertama.
Hasil Benchmark
- Request pertama: ~1400ms (cold start + DB query ke Neon)
- Request selanjutnya: ~90ms (dari cache)
- PageSpeed Score: 95-100 di mobile dan desktop
