Optimasi Banter6
Rekomendasi gambar, cache, font, dan konfigurasi untuk menjaga performa Banter6.
Banter6 3.3.0 sudah memprioritaskan gambar headline pertama, menerapkan lazy loading pada gambar lain, menyediakan responsive image, mengurangi forced reflow, dan mengizinkan font eksternal dinonaktifkan.
Optimasi gambar
- Gunakan WebP atau AVIF jika workflow editorial mendukungnya.
- Featured image artikel sebaiknya 1200 × 675 piksel.
- Jangan mengunggah gambar kamera mentah berukuran beberapa megabyte.
- Jalankan Regenerate Thumbnails sekali setelah pindah dari theme lain.
- Gunakan satu plugin optimasi gambar, bukan beberapa plugin dengan fungsi sama.
Cache dan minify
Aktifkan page cache pada plugin atau hosting. Minify CSS/JS dapat digunakan, tetapi uji menu mobile, pencarian, sticky navigation, popup iklan, dan parallax setelah mengaktifkan kombinasi atau penundaan JavaScript.
Font
Untuk mengurangi koneksi eksternal, biarkan opsi Google Fonts nonaktif dan gunakan font sistem. Jika Inter diaktifkan, Banter6 memuatnya secara non-blocking.
Iklan dan performa
- Gunakan ukuran gambar sesuai slot agar browser tidak memproses file berlebihan.
- Hindari beberapa jaringan iklan berat pada satu viewport.
- Tentukan dimensi iklan untuk mengurangi layout shift.
- Aktifkan popup mobile hanya jika diperlukan.
- Uji performa sebagai pengunjung logout dalam mode incognito.
Server dan database
Gunakan PHP modern yang didukung hosting, OPcache, HTTPS, database yang terawat, dan CDN bila audiens tersebar luas. Hapus plugin yang tidak terpakai dan batasi revisi artikel jika database tumbuh terlalu cepat.
Checklist pengujian
| Area | Yang diperiksa |
|---|---|
| Desktop | Headline, sticky nav, sidebar, sticky ads, dan layout kategori. |
| Mobile | Drawer, scroll horizontal menu, search, popup, dan gambar. |
| Artikel | LCP gambar utama, iklan paragraf, parallax, dan related content. |
| Jaringan | Ukuran transfer, font, skrip iklan, dan cache header. |