Di 2026, font web masih sering jadi biang lambat LCP dan CLS. Pilihan paling sering diperdebatkan: tetap pakai Google Fonts, self-host di server Anda, atau pindah ke Bunny Fonts. Artikel tips singkat ini membandingkan ketiganya dari sisi SEO teknis, privasi, dan performa, lalu memberi panduan pilih yang realistis.

Kenapa pilihan font memengaruhi ranking di 2026

Google menilai pengalaman halaman lewat Core Web Vitals. File font yang blocking, terlalu banyak bobot (400–900), atau tanpa font-display yang tepat bisa menunda teks dan menggeser layout. Di sisi crawl, domain pihak ketiga menambah koneksi DNS/TLS. Sementara AI crawler dan privacy-first browser makin ketat pada third-party request.

Ringkasan perbandingan tiga pilihan populer

1. Google Fonts (CDN resmi)

Masih paling mudah: tempel link CSS atau pakai plugin. Keunggulan: cache global luas, update family otomatis, dokumentasi jelas. Kelemahan di 2026: request ke domains.google.com/gstatic menambah RTT; beberapa negara/region punya latensi tidak merata; isu privasi (IP ke Google) tetap jadi topik compliance EU/ID. Untuk LCP, font critical sering tetap blocking jika tidak di-subset dan tanpa preload lokal.

2. Self-host (di hosting/WordPress Anda)

Anda unduh WOFF2, taruh di /wp-content/uploads/fonts/ atau theme, lalu @font-face + preload. Plus: full kontrol cache-control (1 tahun immutable), bisa gabung dengan HTTP/3 hosting, tidak ada cookie/third-party. Minus: Anda wajib jaga lisensi, subset manual (latin/latin-ext), dan update file bila family berubah. Di shared hosting lemah, TTFB tinggi bisa mengalahkan keuntungan “same-origin”.

3. Bunny Fonts

CDN font privacy-oriented yang meniru API Google Fonts tetapi tanpa tracking klasik Google. Plus: migrasi ganti hostname relatif mudah, edge dekat banyak user Asia, sering lebih “bersih” untuk audit privacy. Minus: tetap third-party (DNS ekstra kecuali di-combine dengan Bunny CDN yang sama), ketergantungan vendor, dan tidak semua family/update secepat ekosistem Google.

Tabel cepat kriteria SEO & performa

Gunakan patokan praktis berikut saat memilih:

• LCP teks / render delay: self-host + preload WOFF2 subset biasanya paling stabil; Bunny dan Google bergantung edge + preconnect.
• CLS: ketiga opsi sama-sama butuh font-display: optional atau swap + size-adjust/fallback metric; bukan soal vendor saja.
• Crawl & request chain: self-host menang (satu origin); Google/Bunny menambah preconnect.
• Privasi & compliance: self-host > Bunny > Google Fonts untuk data visitor.
• Effort maintenance: Google termudah; Bunny sedang; self-host paling “kerja tangan”.

5 tips singkat memilih di 2026

Tip 1: Ukur dulu, jangan tebak

Ambil 3 URL template (home, artikel, produk). Bandingkan LCP elemen teks dan “font critical” di lab (Chrome 2026) plus field CrUX bila ada. Jika font menyumbang >80 ms render delay, ganti strategi loading dulu sebelum ganti vendor.

Tip 2: Batasi 1–2 family, 2 bobot

Pola aman: 1 heading + 1 body; bobot 400 dan 600/700 saja. Subset karakter Latin + angka. File WOFF2 body ideal di bawah ~30–40 KB per bobot setelah subset.

Tip 3: Self-host jika traffic Indonesia dominan dan hosting sudah cepat

Bila TTFB p50 < 200 ms (edge/caching bagus) dan Anda bisa preload 1 file critical, self-host biasanya menang total. Contoh stack: managed WP + CDN only untuk aset lain, font same-origin.

Tip 4: Pilih Bunny Fonts bila butuh “API mirip Google” tanpa Google

Cocok untuk tim yang sudah terlanjur pakai URL style Google Fonts di banyak theme child, ingin migrasi cepat, dan sudah memakai ekosistem Bunny. Tetap pasang preconnect ke host font dan uji dari Jakarta/Singapore.

Tip 5: Google Fonts hanya jika tim non-teknis dan risiko compliance rendah

Masih valid untuk landing cepat atau MVP. Wajib: display=swap/optional, batasi family, dan jangan load 5+ bobot lewat customizer WordPress yang boros.

Checklist implementasi 10 menit (apapun pilihan Anda)

• Pakai WOFF2 saja; buang EOT/TTF di production.
• Tambah font-display: optional pada teks body di above-the-fold bila branding longgar; swap untuk merek yang wajib tampil cepat.
• Preload maksimal satu font critical; jangan preload semua bobot.
• Samakan fallback system font (mis. system-ui, Segoe UI, …) agar CLS kecil.
• Nonaktifkan plugin “auto Google Fonts” ganda yang inject 2–3 stylesheet.

Rekomendasi final menurut skenario

Blog personal / UMKM di hosting menengah: self-host 1 family subset—kontrol cache paling jelas.
Tim marketing sering ganti theme: Bunny Fonts sebagai kompromi privacy + kemudahan.
Prototype < 48 jam, belum peduli compliance ketat: Google Fonts dengan 1 family dan display ketat, lalu migrasi.

Intinya: di 2026 pemenang SEO bukan logo CDN font, melainkan sedikit file, same-origin bila memungkinkan, dan loading anti-CLS. Bandingkan tiga opsi di atas dengan data LCP situs Anda sendiri, terapkan tips singkat ini, dan audit ulang setelah 28 hari field data.