5 Plugin Terbaik Optimasi Database WordPress – Pertama-tama, mengapa penting untuk menjaga agar database WordPress tetap bebas dan bersih? Database web yang bersih seperti perut yang sehat bagi seseorang. Jika seseorang makan makanan yang tidak perlu dan tidak benar, maka itu akan mempengaruhi kesehatan orang tersebut. Dan di suatu tempat dia akan merasa mual dan tidak dapat berkonsentrasi pada pekerjaannya. Akibatnya, pekerjaan bisa tertunda, dan terkadang orang tersebut tidak dalam kondisi untuk bekerja.
Ini juga terjadi pada situs web kita, di mana hasilnya akan seperti masalah waktu pemuatan halaman web, kegagalan manajemen data, Kerusakan Database, dll. Dalam artikel ini, kita akan belajar tentang bagaimana kita dapat menghentikan jenis kerusakan ini pada situs web kita juga, trik untuk memiliki database yang sehat untuk situs web.
Pertama, kita harus memahami apa alasan utama mengapa database tidak bisa bersih sendiri. Maksud saya, kita perlu mengetahui alasan utama di balik Database yang tidak sehat. Karena kami tidak dapat menjawab jika kami tidak memiliki pertanyaan. Jadi inilah daftar alasan yang mempengaruhi database kami dan membuatnya tidak sehat.
Proses optimasi database wordpress tidak lain adalah mengenali data yang tidak perlu dan tidak etis dari Database. Setelah mengidentifikasi masalah, kami harus mengubah, mengganti, atau menghapus data dari Database kami jika tidak diperlukan. Banyak perusahaan bisnis yang sudah bekerja dengan lebih dari satu negara akan bergantung pada Database secara teratur. Detail pelanggan mereka, Faktur, email, dan banyak lagi data penting lainnya dapat disimpan di Database. Jadi, jaga kebersihan Database dan hargai kualitas data dari Database.
Berikut adalah solusi bagaimana optimasi database wordpress dan mengoptimalkan kecepatan database wordpress anda. Di WordPress, tersedia beberapa plugin yang sangat populer. Tapi sebelum Anda mulai membersihkan Database Anda, pastikan Anda membuat cadangan Database Anda. Anda dapat menggunakan salah satu plugin pencadangan dan pemulihan terbaik yang disebut UpdraftPlus. Plugin ini akan membantu Anda membuat backup database dan menyimpannya di penyimpanan cloud seperti Google Drive, DropBox, Amazon Cloud, atau server FTP. Jadi, saya harap Anda akan membuat cadangan data dari database dan file WordPress Anda terlebih dahulu sebelum mencoba apa pun.
WP-Optimize adalah aplikasi all-in-one tempat Anda dapat membersihkan Database, Mengompres file besar, dan membersihkan cache situs web Anda. Singkatnya, plugin ini revolusioner karena plugin ini akan membuat website Anda lebih mulus dan cepat dari sebelumnya. Dan, WP Optimize juga merupakan salah satu plugin WordPress paling sukses untuk menjaga database tetap bersih dan optimal.
Wp-Sweep adalah plugin sumber terbuka yang tersedia di perpustakaan WordPress. Plugin ini akan membantu Anda dalam beberapa cara seperti Hapus Komentar, Data pengguna, Data duplikat, dll. Jadi, mari kita lihat bagaimana kita dapat menggunakan plugin WPSweep.
Advanced Database Cleaner adalah plugin efektif yang memungkinkan pengguna membersihkan Database dan mengoptimalkan situs web. Plugin ini akan membantu Anda membersihkan revisi halaman dan posting, draf otomatis lama, komentar tertunda, komentar spam, data pengguna yatim piatu, dan banyak lagi. Ini juga mendukung pembersihan Terjadwal, yang merupakan fitur hebat juga. Berdasarkan daftar fitur versi gratis, ini bisa menjadi plugin yang harus dimiliki untuk situs WordPress.
Advanced Database Cleaner juga akan membantu Anda mendapatkan gambaran umum situs web Anda. Ini menyediakan dasbor yang memberi Anda laporan kesehatan. Dan menghapus file dan data yang tidak diinginkan juga memberikan ruang terbesar untuk data situs Anda.
Plugins Garbage Collector, Yang merupakan salah satu plugin penting untuk situs WordPress. WordPress sekarang adalah platform yang paling banyak digunakan di dunia untuk membuat dan mengelola situs web, dan pustaka plugin membuatnya lebih fleksibel dan efektif. Seperti yang kita ketahui, kita bisa memasang plugin sebanyak yang kita mau di situs kita. Namun setelah beberapa waktu, plugin tersebut akan menghasilkan file sampah di WordPress. Kami menyebutnya Sampah yang tidak membantu, dan itu juga memengaruhi kinerja situs web kami.
Berikut adalah plugin yang akan memindai semua plugin dan mengumpulkan Sampah dari file plugin. Anda dapat menghapus sampah dengan satu klik.
Breeze adalah plugin sederhana dan kuat yang diperkenalkan oleh cloudways. Plugin ini akan membantu Anda untuk mengoptimalkan situs web dan meningkatkan kecepatan situs web Anda. Ia bekerja sangat baik dengan WordPress dan bahkan dengan woo-commerce. Ini juga mendukung pengoptimalan multi-situs. Tetapi alasan utama di balik popularitas plugin ini adalah, kesederhanaannya. Mari kita lihat bagaimana kita dapat menggunakan plugin ini di WordPress kita.
Jadi, itulah cara Anda dapat mengoptimalkan database situs WordPress Anda. Jika situs WordPress Anda memiliki puluhan penulis dan puluhan plugin dengan banyak pengunjung, Anda harus membersihkan database Anda untuk menjaga performa situs Anda tetap bagus! Beberapa plugin yang terdaftar di atas akan memungkinkan Anda untuk mengatur jadwal otomatis untuk membersihkan database. Dan dua plugin yang menyediakan fungsionalitas ini sepenuhnya gratis! Jika Anda hanya ingin membersihkan database WordPress dari sampah, Anda juga dapat menggunakan plugin pembersih database tingkat lanjut!
Plugin Optimasi Gambar WordPress Terbaik – Gambar berukuran besar biasanya akan memperlambat situs Anda. Tidak ada argumen di sana karena fakta itu jelas dan sederhana. Namun gambar tetap penting untuk alasan lain, jadi Anda tidak bisa mengabaikannya atas nama performa. Gambar, jika digunakan dengan benar, dapat menarik perhatian pengunjung situs web dan menjaga halaman web Anda agar tidak menjadi blok teks yang hambar. Untuk mendapatkan yang terbaik dari kedua dunia, Anda dapat menggunakan plugin optimasi gambar WordPress untuk mengoptimalkan gambar, jadi gambar tersebut menghabiskan lebih sedikit ruang daripada yang seharusnya.
Gambar mencakup sekitar 50% dari ukuran file halaman web rata-rata, jadi mencari cara untuk mengecilkannya dapat memberikan dampak positif pada waktu muat halaman situs Anda. Plugin pengoptimal gambar WordPress menawarkan cara mudah untuk melakukannya karena Anda dapat terus mengunggah gambar seperti biasa sementara plugin secara otomatis mengoptimalkannya di latar belakang. Dengan pengoptimalan gambar, Anda akan mendapatkan gambar berkualitas tinggi yang sama tetapi dengan ukuran file yang diperkecil secara signifikan. Hal yang tampaknya kecil ini dapat membantu mengembangkan situs web Anda dengan banyak cara.
Optimasi gambar adalah proses di mana Anda menyesuaikan gambar untuk memenuhi kriteria khusus untuk situs web Anda. Rangkaian standar ini mencakup dimensi, ukuran, resolusi, dan format yang benar. Cara terbaik untuk menampilkan gambar adalah tanpa membiarkannya memperlambat situs Anda atau merusak pengalaman pengguna.
Selain itu, jika Anda bertanya-tanya, pengoptimalan gambar dan kompresi gambar bukanlah hal yang sama. Kompresi gambar adalah bagian dari proses pengoptimalan gambar di mana ukuran gambar dikurangi dengan tetap memperhatikan kualitas gambar. Salah satu aspek penting dalam mengoptimalkan gambar adalah kemampuan kompresi gambarnya. Seberapa besar ukuran file gambar yang dapat dikurangi dengan sedikit atau tanpa penurunan kualitas gambar?
Cara terbaik untuk melakukannya adalah dengan menggunakan Photoshop atau perangkat lunak pengedit gambar lain sebelum Anda mengunggah gambar ke WordPress. Ini memberi Anda lebih banyak kendali atas kualitas gambar di situs web Anda.
Namun, tidak semua pengguna merasa nyaman bekerja dengan program pengeditan gambar, dan untuk beberapa, mengoptimalkan setiap gambar yang mereka unggah terdengar seperti pekerjaan yang berat. Dan jangan salah paham, ini bisa sangat merepotkan!
Untungnya, beberapa plugin pengoptimal gambar WordPress dapat membantu Anda. Plugin ini mengoptimalkan gambar Anda dengan mengompresnya secara otomatis dan menggunakan versi berukuran lebih kecil di situs web Anda.
Sekarang, Anda seharusnya sudah memiliki pemahaman dasar tentang apa itu pengoptimalan gambar, jadi mari kita lihat daftar plugin pengoptimal gambar WordPress.
Imagify memiliki salah satu modul Pengaturan yang terlihat lebih baik di sana. Ini dipecah menjadi Pengaturan Umum, Pengoptimalan, dan Opsi Tampilan, dengan hanya satu halaman untuk mengelola pengaturan. Mode pengoptimalannya memiliki tombol yang besar dan mudah diakses. Selain itu, Perbandingan Visual antara mode pengoptimalan memberi Anda gambaran tentang mode mana yang akan digunakan.
Plugin optimasi gambar WordPress freemium ini berasal dari pengembang yang sama di belakang plugin caching WP Rocket. Karena itu, Anda dapat menggunakan plugin ini secara efektif dengan WP Rocket.
Dalam pengujian pengoptimalan, Imagify berkinerja baik. Namun, itu ada di setelan pengoptimalan Agresif default. Anda juga bisa memilih Normal (lossless) dan Ultra (more lossy). Jadi, Anda dapat memampatkan gambar Anda lebih atau kurang jika Anda khawatir dengan kualitasnya!
Selain itu, sebagian besar fitur dapat diatur untuk otomatisasi. Misalnya, Anda dapat mengubah ukuran semua gambar ke lebar tertentu. Bahkan ada alat untuk mengoptimalkan tema WordPress Anda!
Penetapan harga didasarkan pada ukuran file sebenarnya dari unggahan gambar Anda. Namun, Anda juga dapat menggunakan versi gratisnya jika Anda tidak berencana untuk memiliki terlalu banyak gambar per bulan.
Plugin ShortPixel hadir dengan semua fitur yang diperlukan untuk membantu Anda mengoptimalkan gambar WordPress dan mengisi kinerja situs web Anda. Anda mendapatkan akses ke banyak fitur dan fungsi, termasuk algoritme kompresi tanda tangan ShortPixel. Ini dapat membantu Anda mengurangi ukuran file gambar hingga 90% tanpa kehilangan kualitas gambar.
ShortPixel cukup mudah digunakan. Setelah Anda menginstal dan mengaktifkannya, Anda harus memasukkan email Anda untuk membuat kunci API ShortPixel. Anda dapat menggunakan kembali kunci API yang sama di beberapa situs, yang praktis jika Anda menjalankan jaringan situs.
Plugin memberi Anda akses ke gambar CDN khusus (Content Delivery Network), jaringan server yang didistribusikan secara global. Setelah pengguna mencoba mengakses situs web Anda, itu akan mengirimkan gambar dari server terdekat secara geografis, membantu latensi dalam menyediakan gambar.
Shortpixel memiliki fitur pemangkasan cerdas yang akan secara dinamis memotong dan mengubah ukuran gambar tergantung pada ukuran dan resolusi layar pengunjung.
Ini juga memberi Anda akses ke pemuatan lambat gambar. Fitur ini memprioritaskan pemuatan gambar yang terletak di paro atas, yaitu, langsung terlihat segera setelah pengunjung membuka halaman web Anda. Gambar lainnya hanya dapat diakses setelah di-scroll, sehingga mengurangi beban awal server saat mengambil situs web.
Saat menggunakannya, hanya kredit pengoptimalan gambar yang dihitung. Itu berarti lalu lintas CDN tidak diukur (mengingat penggunaan wajar). Tingkat gratis menerima 100 kredit pengoptimalan gambar, dan paket berbayar mulai dari $ 4,99. Bahkan lebih baik: jika Anda sudah menggunakan Pengoptimal Gambar ShortPixel, Anda dapat menggunakan kredit yang sama dengan Gambar Adaptif ShortPixel!
Plugin TinyPNG dapat mengkompresi gambar JPEG & PNG yang diberi nama tepat menghubungkan situs WordPress Anda ke layanan TinyPNG dan TinyJPG untuk memungkinkan Anda secara otomatis mengoptimalkan gambar situs WordPress Anda. Dengan lebih dari 200.000 penginstalan aktif, plugin ini menjadi viral di komunitas WordPress. Dan mengapa tidak? Plugin ini dilengkapi dengan fitur dan fungsi yang sebanding seperti yang Anda dapatkan dengan banyak plugin lain di daftar.
Plugin TinyPNG ini menempel pada dasar-dasar, dengan halaman Pengaturan yang sederhana dan bersih. Mungkin diperlukan waktu 20 detik untuk memahami apa yang terjadi dan mengaktifkan proses pengoptimalan otomatis Anda.
Ini dapat secara otomatis memampatkan gambar saat diunggah, dan Anda juga dapat mengoptimalkan gambar lama secara massal. Pengaturan plugin memungkinkan Anda untuk memilih ukuran gambar yang ingin Anda optimalkan. Selain itu, Anda juga dapat menetapkan ukuran maksimum untuk unggahan asli Anda. Plugin akan secara otomatis mengubah ukuran gambar lebih besar dari ukuran tersebut.
Meskipun tidak menawarkan kompresi gratis tanpa batas, ia menawarkan salah satu paket gratis paling dermawan dari alat apa pun di daftar ini.
Plugin EWWW Image Optimizer ini unik dalam hal mengoptimalkan gambar Anda. Sebagian besar plugin pengoptimalan gambar – termasuk ShortPixel dan Imagify – terhubung ke server eksternal melalui API dan melakukan pengoptimalan gambar di server eksternal tersebut. Namun, Pengoptimal Gambar EWWW menggunakan server Anda untuk mengoptimalkan gambar.
EWWW menawarkan pengoptimalan JPG, PNG, GIF, dan PDF. Ada juga opsi untuk kompresi lossy dan lossless. Manfaat utamanya adalah bahwa EWWW tidak memiliki batasan ukuran file atau jumlah gambar yang diunggah. Ini membuatnya dapat diakses untuk penggunaan tak terbatas karena menggunakan sumber daya server Anda. Meskipun demikian, plugin juga memberi Anda opsi untuk terhubung melalui API (jika Anda membayar), sehingga Anda dapat memilih pendekatan yang paling sesuai untuk Anda.
Sekarang Anda telah melihat daftar plugin pengoptimal gambar WordPress Warnahost, berikut adalah sedikit ringkasan dari kami untuk membantu Anda memilih solusi yang paling sesuai untuk Anda berdasarkan rekomendasi kami:
Contact form atau formulir kontak adalah salah satu halaman yang tidak pernah absen dalam suatu website. Pasalnya, dengan formulir kontak sederhana ini pengunjung dapat mengirimkan keluh kesah berupa pertanyaan, kritik maupun saran secara langsung untuk pengelola website.
Contact Form 7 adalah salah satu plugin pembuat formulir WordPress yang paling populer dan sudah di instal pada jutaan situs WordPress diseluruh dunia. Pada artikel kali ini saya akan membahas secara lengkap tentang Contact Form 7, saya akan membahas dari cara install, fitur-fitur Contact form 7, cara konfigurasi dan masih banyak lagi. Namun, sebelum Anda membaca pada inti pembahasan dari artikel ini sebaiknya Anda baca dulu penjelasan dibawah ini.
Mengapa harus menggunakan plugin Contact Form 7? Contact Form 7 merupakan salah satu plugin WordPress yang paling terkenal untuk membuat halaman kontak atau formulir kontak. Cara penggunaanya juga simpel dan mudah, sehingga memungkinkan para pengguna pemula untuk melakukan kustomisasi sendiri.
Dengan menggunakan WordPress Anda akan dengan mudah menemukan beberapa plugin Contact Form tersedia untuk WordPress. Ada plugin contact form berbayar dan juga banyak yang gratis. Dan Contact Form 7 adalah plugin gratis untuk membuat formulir kontak yang paling populer yang bisa Anda temukan untuk WordPress. Ini benar-benar merupakan plugin form yang paling banyak di download.
Dan mari kita lanjutkan untuk pembahasan mengenai fitur dan cara menggunakan plugin Contact Form 7 ini.
Sebelum mulai membuat halaman kontak, hal pertama yang wajib Anda lakukan tentunya adalah menginstall plugin Contact Form 7 ke dalam website. Caranya sangat mudah, yakni Anda hanya perlu masuk ke dashboard WodPress kemudian pilih tab Plugin pada bagian kiri layar.
Setelah tab Plugin terbuka Anda bisa mengetikkan nama “Contact Form 7” di kolom search yang tersedia. Jangan bingung dengan banyaknya pilihan plugin bernama Contact Form 7, pilihlah plugin buatan Takayuki Miyoshi yang memiliki tampilan sebagai berikut ini.
Setelah itu silahkan aktifkan plugin tersebut. Contact Form 7 dibangun dengan praktik WordPress standar dan terintegrasi dengan baik dan indah ke admin area WordPress Anda. Contact form juga sudah membawakan form demo yang dapat Anda lihat dan gunakan untuk percobaan sehingga Anda bisa membuat form yang lebih lengkap sesuai dengan keinginan dan kebutuhan Anda.
Pada menu tab “Mail“, Anda dapat menentukan alamat email untuk mengirim pesan-pesan yang dikirim melalui Contact Form. Secara default, Contact Form 7 akan mengirimkan pesan ke alamat email admin (email yang Anda gunakan saaat install WordPress). Anda dapat mengubah ke alamat email Anda yang lain yang Anda inginkan dengan sangat mudah.
Pada tab ‘Messages‘ Anda dapat mengubah pesan standar yang akan dimunculkan oleh Contact Form 7 untuk Anda dan pengunjung Anda. Maksud pesan disini adalah pesan kesalahan yang akan muncul jika terjadi kesalahan validasi, kesalahan input, keberhasilan dan pesan kegagalan pada saat pengiriman formulir.
Langkah ketiga atau terakhir yakni menambahkan form yang sudah dibuat kedalam artikel postingan atau halaman (Pages). Untuk memasukkan form Anda hanya perlu meng-copy shortcode yang dberikan.
Setelah itu copy shortcode di sebelah judul form yang ingin Anda gunakan. Tampilannya seperti berikut ini:
Dan itulah penjelasan lengkap mengenai Contact Form 7 yang bisa Anda pelajari, Anda dapat menggunakan Contact form 7 untuk menambahkan fitur formulir di situs WordPress Anda secara gratis. Ini merupakan plugin yang menurut saya sudah cukup untuk pembuatan formulir standart, namun jika Anda ingin mempunyai form dengan fungsi lengkap Anda bisa mencoba menggunakan plugin lain yang berbayar. Semoga artikel ini bermanfaat dan selamat mencoba.
Apakah Anda melihat kesalahan ‘Briefly unavailable for scheduled maintenance. Check back in a minute’ di WordPress? Kesalahan ini biasanya muncul saat memperbarui inti WordPress, plugin, atau tema.
Pada dasarnya, situs WordPress Anda gagal menyelesaikan pembaruan ketika proses sedang berjalan dan anda mengalihkan halaman ke halaman lain yang membuat Anda terjebak dalam mode pemeliharaan.
Pada artikel ini, kami akan menunjukkan kepada Anda cara memperbaiki dengan mudah kesalahan “Briefly unavailable for scheduled maintenance. Check back in a minute” di WordPress. Kami juga akan menunjukkan kepada Anda mengapa kesalahan ini terjadi dan bagaimana Anda dapat menghindarinya di masa mendatang.
Halaman mode pemeliharaan secara teknis bukan kesalahan. Ini adalah halaman notifikasi.
Selama proses pembaruan, WordPress mengunduh file pembaruan yang diperlukan ke server Anda, mengekstraknya dan kemudian menginstal pembaruan.
WordPress juga menempatkan situs Anda pada mode pemeliharaan dan menampilkan “Briefly unavailable for scheduled maintenance. Check back in a minute. ” perhatikan selama proses.
Untuk memicu pemberitahuan mode pemeliharaan, WordPress membuat file sementara. Pemeliharaan di folder root situs web Anda.
Jika semuanya berfungsi normal, maka pemberitahuan ini mungkin akan ditampilkan hanya beberapa detik. Setelah pembaruan berhasil, WordPress akan secara otomatis menghapus file pemeliharaan untuk menonaktifkan mode pemeliharaan.
Namun, kadang-kadang karena respons server WordPress hosting yang lambat atau masalah memori yang rendah , skrip pembaruan akan habis sehingga mengganggu proses. Ketika ini terjadi, WordPress tidak mendapatkan kesempatan untuk mengeluarkan situs Anda dari mode pemeliharaan.
Dengan kata lain, situs Anda akan terus menampilkan pemberitahuan mode pemeliharaan, dan Anda harus memperbaikinya secara manual.
Untuk keluar dari mode pemeliharaan, semua yang perlu Anda lakukan adalah menghapus file .maintenance dari folder root situs Anda menggunakan FTP .
Jika Anda tidak dapat menemukan file .maintenance di direktori root WordPress Anda, maka pastikan Anda memeriksa klien FTP Anda untuk menampilkan file yang tersembunyi.
Di Filezilla, Anda dapat memaksanya untuk menampilkan file tersembunyi dengan mengklik Server » Force showing hidden files dari menu bar.
Setelah file .maintenance dihapus, situs Anda akan keluar dari mode pemeliharaan, dan seharusnya website anda sudah bisa di akses.
Akses akun cPanel anda dan akses pada halaman File Manager lalu masuk ke public_html dan cari file dengan nama .maintenance lalu hapus, dan selesai.
Autoptimize adalah plugin yang sangat di rekomendasikan untuk menangani cache pada website WordPress, banyak blogger menyarankan menggunakan Plugin ini karena selain pengaturannya yang sangat mudah dan tampilan simple, juga melakukan optimasi setiap web selalu maksimal. Pada server Warna Hosting sendiri meskipun telah di optimasi untuk CMS seperti WordPress namun dibutuhkan juga plugin pendorong agar website lebih maksimal.
Plugin Autoptimize juga dapat disandingkan dengan beberapa plugin cache lain seperti yang digunakan saya saat ini pada website Warna Hosting yang di kombinasikan dengan Wp fastest cache.
Saat ini Autoptimize adalah plugin caching yang terkenal untuk optimasi kecepatan website. Beberapa faktor optimasi kecepatan Google dapat dihilangkan melalui plugin Autoptimize dengan mudah. Salah satunya adalah “Eliminate Render Fold Above Content”. Jadi dalam waktu singkat plugin ini menjadi sangat populer dikalangan setiap blogger WordPress.
1. Login ke Wp Admin.
2. Klik pada menu Plugins-> Add new -> Search for Autoptimize.
3. Lalu klik Install-> Activate.
Jika Anda seorang Pemula WordPress dan ingin tahu cara-cara berbeda untuk Menginstal Plugin WordPress, Silakan lihat panduan kami.
Pertama-tama temukan plugin Autoptimize yang terinstal dengan mengklik, Plugins-> Installed Plugins. Lihat plugin dan klik pada pengaturan.
Untuk memperkecil semua kode HTML di situs web Anda, centang kotak pertama, “Optimize HTML CODE”.
Ini akan menghapus semua spasi putih (white space) di antara kode HTML, yang pada akhirnya dapat membantu mengurangi ukuran file situs web Anda.
Ini adalah bagian yang paling penting, karena sebagian besar kesalahan yang mungkin terjadi adalah karena file Javascript. Untuk mengkonfigurasinya dengan benar, centang “Optimize Javascript Code” dan “Also aggregate inline JS“.
Sekarang saatnya jika situs Anda menggunakan Slider atau elemen apa pun yang memiliki efek seperti transition/flasy, Beberapa elemen di situs tersebut dapat merusak atau menyebabkan kesalahan, di mana penting Anda menemukan file js yang menyebabkannya dan memasukkannya ke dalam “Exclude Scripts from Autoptimize”.
Pada Screenshot di atas, saya telah mengecualikan file Jquery utama (jquery.js) dari Autoptimize, yang menyebabkan sebagian besar kesalahan.
Agar ini berfungsi, Anda harus mencentang “Optimize CSS Code” dan “Also aggregate inline CSS”, Meskipun jarang “If you encounter any error” atau beberapa elemen tidak muncul sebagaimana mestinya, Anda dapat mengecualikan file CSS dari minifikasi dengan memasukkan nama file di “Exclude CSS from Autoptimize”.
Jika Anda pernah menguji kinerja situs web Anda di Google PageSpeed Insights , kemungkinan Anda cukup terbiasa dengan Remove Render-Blocking Javascript and CSS. Tetapi jika tidak, itu tidak masalah. Dalam posting ini, kita akan mengeksplorasi topik secara mendalam.
Kecepatan memuat situs web adalah faktor yang sangat mempengaruhi dalam SEO, semakin cepat memuat situs web Anda, semakin tinggi kemungkinan untuk mendapatkan peringkat di halaman pencarian. Meskipun sangat penting untuk menggunakan host web yang baik, salah satu cara untuk membuat situs web Anda memuat lebih cepat adalah dengan Hapus Javascript dan CSS Render-Blocking.
Sederhananya, render-blocking Javascript dan CSS adalah skrip dan style-sheet browser yang harus dimuat sepenuhnya sebelum halaman web menjadi terlihat oleh pengunjung. Dan Anda tahu pengguna web dan mesin pencari tidak terlalu sabar. Jadi, penting untuk memperbaiki masalah ini.
Dalam posting ini, Anda akan belajar cara memperbaiki Javascript pemblokiran render di WordPress. Bahkan jika Anda baru memulai dengan WordPress, Anda akan menemukan tutorial ini cukup mudah diikuti.
Ketika seorang pengunjung mendarat di situs web Anda, browser mereka pertama-tama harus memuat file Javascript dan CSS yang mendukung sebelum memuat HTML. Biasanya, beginilah seharusnya – halaman web tanpa style-sheet atau skrip akan terlihat jelek dan tidak dapat digunakan
Masalahnya, bagaimanapun, adalah bahwa kecuali file-file ini dimuat penuh, halaman web tidak akan ditampilkan di browser. Oleh karena itu nama Javascript render-blocking.
Meskipun peramban harus memuat gaya dan skrip laman web sebelum merendernya, keterlambatan tambahan ini dapat dihindari tanpa merusak tampilan laman web. Terlebih lagi, hal itu juga akan meminimalkan waktu pemuatan.
Caranya adalah dengan menunda pemuatan skrip dan style-sheet yang tidak memengaruhi bagian halaman web yang segera dilihat pengunjung saat mendarat.
Dengan kata lain, mencegah browser memuat file apa pun yang tidak memengaruhi bagian atas laman web yang akan dilihat pengguna sebelum menggulir ke bawah, akan menyelesaikan masalah ini. Bagian halaman web ini disebut sebagai konten Above the Fold (ATF).
Sebelum kita menyelami lebih dalam artikel ini, penting agar Anda mengenal alat Google PageSpeed Insight.
Sebelum mengambil langkah-langkah untuk Menghapus Javascript dan CSS Pemblokiran Render, yang terbaik adalah terlebih dahulu menjalankan tes di atasnya.
Dan tidak ada alat yang lebih baik untuk menguji kinerja situs web selain Google PageSpeed Insights. Jadi pergilah ke sana dan mari kita jalankan beberapa tes.
Ketikkan tautan ke situs web Anda di bagian URL. Setelah itu, klik tombol ANALYZE .
Setelah Anda selesai menjalankan tes, skor kinerja situs web Anda akan ditampilkan di layar.
Situs berkinerja terbaik adalah mereka dengan skor antara rentang 90 -100. Panggilan yang sulit? Taruhan memang, tapi itu bisa dicapai.
Jika kinerja situs web Anda pendek, Google akan memberikan beberapa saran untuk menjadikannya berkinerja lebih baik. Kemungkinan besar, salah satu saran tersebut adalah untuk menghilangkan sumber daya pemblokiran render
Sudah menebak ada plugin yang dapat memperbaiki masalah ini tanpa Anda harus menulis satu baris kode pun? Nah, jika ya, Anda benar sekali.
Peringatan: Saat Google memperingatkan dalam hasil tes, Jika Anda menghapus Javascript Pemblokiran-Render dan CSS dapat merusak tema Anda . Wajib untuk anda membuat cadangan situs WordPress Anda sebelum Anda melanjutkan.
Anda juga dapat meminta layanan pengoptimalan kecepatan kami dan kami akan menangani semua masalah yang diidentifikasi di situs Anda.
Ada beberapa plugin WordPress yang dapat menangani masalah Javascript render-blocking. Namun, kita akan melihat ke dua nama besar, yaitu: W3 Total Cache dan Autoptimize.
W3 Total Cache adalah plugin peningkatan kinerja yang hebat untuk WordPress. Selain menangani masalah caching, ini juga merupakan alat yang hebat untuk memperbaiki masalah pemuatan yang disebabkan oleh style sheet dan skrip.
Jadi hal pertama yang ingin Anda lakukan adalah menginstal dan mengaktifkan plugin .
Setelah instalasi dan aktivasi, navigasikan ke Performance >> General Settings
Selanjutnya, gulir ke bawah ke bagian Minify. Di sini, aktifkan Minify dan kemudian atur mode minify ke manual.
Kemudian klik tombol Save all setting .
Dengan opsi minify diaktifkan, hal selanjutnya yang harus dilakukan adalah mengambil tautan ke style-sheet dan skrip yang menunda perenderan penuh halaman web Anda.
Di sinilah alat Google PageSpeed Insights menjadi berguna sekali lagi. Jadi kembali ke tab yang sebelumnya kamu buka terbuka.
Sesampai di sana, klik tab Eliminate render-blocking resources .
Tautan ke skrip dan file CSS yang perlu diperkecil akan ditampilkan.
Seperti yang Anda lihat, tautan ke file telah terpotong. Untuk mendapatkan URL lengkap, arahkan kursor ke tautan apa pun, klik kanan dan salin alamat tautan.
Kita akan mengecilkan file JS terlebih dahulu, jadi salin semua tautan .js.
Dengan tautan yang disalin, buka lagi dasbor WordPress Anda. Kali ini, navigasikan ke Performance >> Minify
Gulir ke bawah sampai Anda menemukan bagian JS. Di bagian pengaturan JS minify , Anda akan melihat area tag . Setel Embed type ke Non-blocking using “async”.
Selanjutnya, alihkan perhatian Anda ke subbagian JS file management . Klik tombol Add a script
Tempel tautan ke sumber JS yang sebelumnya Anda salin di bidang yang disediakan.
Ulangi seluruh proses sampai Anda menempelkan semua URL ke sumber daya Javascript Anda.
Setelah menambahkan skrip JS, sementara di halaman yang sama, gulir ke bawah ke bagian CSS. Dengan pengaturan CSS minify diaktifkan, klik tombol Add a stylesheet .
Lakukan hal yang persis sama dengan yang Anda lakukan di bagian JS. Hanya memastikan Anda menyalin tautan ke gaya CSS dari Google PageSpeed Insights dan tidak menautkan ke sumber daya JS.
Setelah Anda selesai menyalin dan menempel, klik tombol Save Settings & Purge Cache .
Sekarang kembali ke Google PageSpeed Insights dan analisis ulang situs web Anda. Anda akan melihat peningkatan yang cukup besar.
Sekarang mari kita lihat plugin kedua yang dapat membantu kita mengatasi masalah ini.
Seperti yang Anda harapkan, hal pertama yang harus Anda lakukan adalah menginstal dan mengaktifkan plugin. Setelah instalasi dan aktivasi, langsung dari dasbor Anda, navigasikan ke Settings >> Autoptimize.
Selanjutnya, centang opsi Optimize Javascript Code . Kemudian gulir ke bawah dan lakukan hal yang sama untuk CSS. Terakhir, gulir ke bawah dan klik tombol Save changes and empty cache .
Jalankan pengujian pada alat uji kecepatan Google sekali lagi untuk melihat bagaimana kinerja situs web Anda. Pasti akan ada peningkatan.
Jika Anda benar-benar serius untuk meningkatkan kinerja situs web Anda, Anda hanya perlu berupaya untuk membuat situs web Anda memuat lebih cepat.
Dalam posting ini, kami telah menunjukkan kepada Anda bagaimana skrip pemblokiran render dan sumber daya penataan dapat memperlambat situs web Anda. Kami melangkah lebih jauh untuk menunjukkan kepada Anda dua plugin yang dapat Anda gunakan untuk memperbaiki masalah ini: W3 Total Cache dan Autoptimize.
Kecepatan memuat adalah salah satu dari banyak faktor yang memengaruhi SEO situs web. Dengan demikian, berfokus hanya pada hal itu, sementara mengabaikan faktor-faktor lain mungkin tidak memberi Anda hasil yang Anda inginkan.
