Cara Nonaktifkan Google Font di Elementor

Plugin page builder Elementor saat ini masih menjadi solusi bagi mereka yang ingin membuat website dengan mudah dan cepat di wordpress. Sayangnya, untuk mereka yang melakukan optimasi SEO, elementor sering kali menimbulkan masalah. Salah satunya dari segi kecepatan website, elementor membutuhkan waktu yang cukup lama untuk tampil di browser.

Dalam upaya meningkatkan performa dan kecepatan website, salah satu langkah strategis yang sering diambil oleh para pengembang website adalah menonaktifkan Google Fonts di tema atau page builder Elementor.

Penggunaan font dari server eksternal, terutama Google Fonts, dapat memperlambat waktu muat halaman karena adanya permintaan HTTP tambahan. Selain itu, terdapat juga pertimbangan privasi dan kepatuhan terhadap GDPR yang membuat opsi ini semakin relevan.

Dalam artikel ini, saya akan membahas secara lengkap dan mendalam bagaimana cara menonaktifkan Google Fonts di Elementor. Mulai dari metode manual menggunakan kode di file functions.php hingga menggunakan fitur bawaan Elementor.

Artikel lainnya: Mengaktifkan Izin Upload SVG di Elementor

Alasan Nonaktifkan Google Fonts di Elementor?

Elementor secara bawaan sudah menyertakan Google Fonts sebagai bagian dari sistem typografi mereka. Ini memberikan kemudahan bagi pengguna dalam memilih dan menerapkan font yang diinginkan tanpa perlu mengunggahnya secara manual atau embed CDN. Berikut ini beberapa alasan kuat untuk nonaktifkan Google Font di Elementor:

• Kecepatan Website: Mengurangi permintaan ke server eksternal mempercepat waktu untuk menampilkan halaman di browser.
• Privasi & Regulasi GDPR: Beberapa negara, terutama di Eropa, menganggap permintaan ke server Google sebagai pelanggaran privasi.
• Kontrol Penuh: Mengunggah font di dalam server milik pribadi memberi kontrol penuh atas tampilan dan performa website. Jika font google aktif, maka kustom font milik Anda akan sulit ditemukan karena harus mencari di urutan font google yang sangat banyak.

Cara Menonaktifkan Google Font

Seperti yang sudah saya sebutkan diawal, bahwa ada beberapa cara untuk menonaktifkan google font di elementor. Berikut ini beberapa cara yang dapat digunakan, pilih salah satu mana yang menurut Anda mudah.

Cara 1: Menggunakan Kustom Kode

Cara ini cocok untuk Anda yang mengembangkan website wordpress menggunakan elementor dari awal atau membuat tema sendiri. Semua dikendalikan melalui kode, dan ingat cara ini untuk Anda yang sudah mahir dalam pegembangan website. Ikuti langkah-langkahnya berikut ini,

Buka FTP atau akses dashboard WordPress, klik menu Appearance » Theme File Editor. Temukan file function.php tambahkan kode di bawah ini:

add_action( 'elementor/frontend/after_register_styles', function() {
    foreach( [ 'google-font', 'e-font-google' ] as $style_handle ) {
        wp_deregister_style( $style_handle );
    }
}, 20 );

Jika sudah, klik tombol Save. Edit halaman elementor dan tambahkan elemen Heading atau Text, lalu cek pada bagian Style » Typography apakah google font masih tersedia atau tidak. Jika sudah tidak tersedia atau muncul, maka kode yang sudah ditambahkan tadi berhasil.

Cara 2: Melalui Pengaturan Elementor

Selanjutnya, cara ini yang sangat disarankan untuk semua pengguna Elementor. Mengapa demikian? Saat ini elementor sudah menambahkan fitur terbaru untuk dapat nonaktifkan Google Font melalui panel settings di dashboard.

Caranya mudah, silahkan akses dashboard wordpress lalu cari menu Elementor lalu pilih menu Settings. Klik tab Advance, lalu lihat pada bagian Google Fonts, ubah Enable menjadi Disable.

Simpan perubahan dan bersihkan cache, jika website menggunakan teknologi atau plugin cache perlu dibersihkan terlebih dahulu ya.

Artikel lainnya: Cara Mengatasi Elementor Pro Gagal Update

Kesimpulan

Menonaktifkan Google Fonts di Elementor sangat disarankan untuk alasan performa dan patuh terhadap kebijakan privasi. Anda bisa menggunakan cara manual menggunakan kustom kode di file functions.php dan pengaturan Elementor.

Cara ini adalah bagian dari strategi optimasi website WordPress yang lebih baik, dan sebaiknya dilakukan bersamaan dengan optimasi lain seperti caching, minifikasi, dan lazy loading untuk hasil yang lebih maksimal.

Jika Anda ingin mempertahankan desain visual menarik tanpa bergantung pada Google Fonts, unggah font di server sendiri adalah solusi terbaik.