Tutorial Optimasi Performa TruTheme Three: Mencapai Skor 100 PageSpeed & Lolos Core Web Vitals

3 Viewsby
Artikel telah ditinjau & diperbarui pada: 20 Oktober 2026
2 menit baca

Kecepatan website bukan hanya soal kenyamanan pengunjung, tetapi juga faktor penentu peringkat di mesin pencari Google. TruTheme Three dirancang khusus agar mampu menembus skor 100 pada uji Google PageSpeed Insights.

Memahami Tiga Metrik Utama Core Web Vitals

  • Largest Contentful Paint (LCP): Waktu yang dibutuhkan untuk memuat elemen visual terbesar di layar. TruTheme Three mengoptimalkan LCP dengan memprioritaskan gambar hero menggunakan atribut fetchpriority="high" dan decoding="async".
  • Interaction to Next Paint (INP): Mengukur responsivitas antarmuka terhadap ketukan atau klik pengguna. Dengan JavaScript native non-blocking, skor INP di TruTheme selalu di bawah 50 milidetik.
  • Cumulative Layout Shift (CLS): Pengukuran stabilitas elemen halaman saat memuat. Di TruTheme Three, seluruh gambar, ikon SVG, dan kontainer iklan memiliki rasio aspek terkunci sehingga CLS tercatat sempurna pada nilai 0.000.

Konfigurasi Plugin Cache Terbaik (LiteSpeed Cache / AccelerateWP)

Karena TruTheme Three sudah memiliki arsitektur CSS dan JavaScript yang sangat bersih, konfigurasi plugin cache menjadi jauh lebih sederhana:

  1. Pengaturan CSS Minify: Anda dapat mengaktifkan CSS Minify, namun tidak perlu menggabungkan (combine) berkas CSS secara agresif karena CSS inti tema sudah sangat ringkas.
  2. Pengaturan JS Defer: Aktifkan opsi JS Defer pada plugin cache Anda. Seluruh script tema mendukung eksekusi deferred tanpa merusak fungsi menu drawer atau pencarian.
  3. Browser Cache: Atur masa berlaku Browser Cache ke 1 tahun (31536000 detik) untuk seluruh aset statis gambar, font, dan script.

Tips Tambahan Menjaga Kecepatan Tetap Maksimal

  • Gunakan format WebP atau AVIF untuk gambar yang diunggah secara manual.
  • Hindari memasang terlalu banyak script analitik pelacak pihak ketiga yang tidak esensial.
  • Manfaatkan fitur Dynamic SVG Engine untuk artikel-artikel yang tidak membutuhkan foto khusus.

Dengan mengikuti langkah-langkah di atas, situs Anda akan menyajikan kecepatan kilat di perangkat mobile maupun desktop!

Bagikan Artikel Ini:
Tru Creative

Penulis Terverifikasi Editorial
Editorial Lead & Verified Specialist

Tru Creative adalah praktisi dan penulis terpercaya di Tru Creative ID dengan fokus pada penyajian analisis mendalam, kredibel, dan berbobot.