Plugin WordPress Contact Form 7 Menghalangi Render

Masalah plugin wordpress contact form 7 menghalangi render?: Menggunakan contact form pada sebuah website ataupun blog WordPress akan mempermudah pengunjung menghubungi pengelola sebuah website. Umumnya para pengguna blog wordpress banyak yang menggunakan plugin contact form 7 untuk melengkapi fitur web yang dikelolanya.

Namun tahukah anda, jika menggunakan plugin tersebut akan mengurangi kecepatan loading blog?, hal ini karena JS contact form 7 secara otomatis menempatkan pada bagian header. Pada saat browser melakukan perenderan (Render) halaman akan dihalangi oleh CSS dan Javasript dari contact form 7. Dalam rangka meningkatkan kecepatan loading blog wordpress yang kita kelola, tentu ini adalah suatu masalah jika kita ingin mempertahankan contact form pada halaman kita.

 

Contoh Plugin WordPress Contact Form 7 Menghalangi Render

 

Solusi untuk mengatasi contact form 7 menghalangi render adalah dengan menonaktifkan plugin tersebut dan diganti dengan plugin lain yang lebih power full!. Penasaran dengan plugin wordpress contact form yang tidak menghalangi browser saat melakukan render halaman Anda??.





Solusi Plugin WordPress Contact Form 7 Menghalangi Render

Solusi atau cara mengatasi plugin wordpress contact form 7 menghalangi render adalah menggantinya dengan plugin Jetpack by wordpress.com yang memiliki fitur contact form juga. Plugin Jetpack ini sangat banyak digunakan oleh pengguna blog CMS wordpress, terbukti sejak saat artikel ini ditulis, plugin tersebut telah terinstall aktif di lebih dari 1 juta website.

Jika pada website atau blog anda telah terinstall plugin contact form 7 dan Jetpack by wordpress.com sebaiknya anda hapus atau uninstall plugin contact form 7 agar meningkatkan performa WordPress yang Anda kelola. Ini karena fitur jetpack sudah tersedia fungsi yang sama dengan embed contact form 7 tanpa menghalangi render.

Baca juga: Cara defer embed video youtube, agar loading blog cepat!

Nah, bagi yang belum menginstall jetpack sebagai pengganti plugin wordpress contact form 7, silakan mencari pada direktori plugin atau dapat download langsung di:

https://id.wordpress.org/plugins/jetpack/

Cara Setting Contact Form Jetpack

Sebelum melakukan pengaturan lebih lanjut, kita diwajibkan untuk menghubungkan akun wordpress.com dengan wordpress self hosting terlebih dahulu. Agar kita bisa menggunakan beberapa fitur bermanfaat dari plugin Jetpack hubungkan akun terlebih dahulu. Jika belum memiliki akun wordpress.com buat terlebih dahulu agar kita dapat menggunakan berbagai macam fitur jetpack pada blog wordpress self hosting milik Anda.

Fitur bermanfaat jetpack tidak hanya sekedar contact form, namun ada fitur lain yang sangat membantu blog platform wordpress self hosting. Termasuk sistem keamanan website, related post, CDN gratis dan masih banyak fitur lainnya. Pada posting berikutnya akan saya ulas fitur plugin jetpack yang lainnya.

Setelah akun terhubung langkah selanjutnya adalah melakukan setting ataupun pengaturan melalui panel plugin. Masuk dasboard wordpress self hosting anda, pada tab panel samping terdapat opsi-opsi pengaturan. Silakan klik Jetpack » Pengaturan / Setting » Writing » Formulir Kontak / Contact Form dan aktifkan fitur tersebut.

Untuk lebih detail silakan lihat gambar dibawah ini:

Cara Setting Contact Form Plugin Jetpack

Menambahkan Contact Form Jetpack Pada Halaman

Jika fitur contact form atau formulir kontak Jetpack telah kita aktifkan maka secara otomatis tombol “Tambahkan Formulir Kontak” atau “Add Contact Form” sudah tersedia pada wordpress editor. Untuk mengganti Contact Form 7 silakan menuju edit page yang telah menggunakan form tersebut dan hapus kode embed Contact Form 7. Selanjutnya klik tombol Add Contact Form Jetpack dan klik perbarui atau post update.
Lihat gambar dibawah untuk lebih jelasnya:

Cara Menambahkan Contact Form Jatpack

Sampai pada tahap ini kita sudah mengatasi masalah plugin WordPress contact form 7 menghalangi render. Dengan menggunakan fitur contact form plugin Jetpack perofrma kecepatan loading blog wordpress telah kita tingkatkan sedikit lebih baik. Untuk mengetahui hasil nya silakan test kembali halaman Anda menggunakan tools pagespeed yang tersedia.

Baca juga : Cara mempercepat loading blog wordpress self hosting

Nah, semoga sedikit info cara mengatasi Plugin WordPress Contact Form 7 Menghalangi Render ini bermanfaat untuk kita semua. Jika ada ide terkait atau bertanya silakan melalui kolom komentar. SalamCDN





Mohammad Aziz Ditulis Oleh

Buat Komentar Anda