Cara Menghilangkan Sumber Pemblokiran Render di WordPress (Sangat Mudah)

Memiliki blog atau website yang cepat sangatlah penting. Hal ini penting jika Anda ingin peringkat tinggi di mesin pencari. Jika website Anda sangat lambat, pasti akan merugikan SEO Anda.

Selain itu, situs web yang lambat dapat membuat rasio pentalan menjadi tinggi, yang secara teknis akan merugikan merek Anda dalam banyak hal. Situs web yang lambat dapat memengaruhi pendapatan dan konversi.

Sebagian besar pengguna tidak sabar, jika situs Anda terlalu lama dimuat, mereka akan meninggalkannya dan pindah ke alternatif yang lebih cepat. Itu adalah calon pelanggan atau penambah pendapatan yang hilang.

Jika Anda telah mencoba untuk mempercepat situs web Anda dan menggunakan alat pengujian seperti Google PageSpeed ​​Insight, satu peringatan yang mungkin Anda dapatkan adalah menghilangkan sumber daya yang memblokir perenderan.

Dalam artikel ini, Anda akan mempelajari cara menghilangkan resource yang memblokir render dengan mudah.

Apa yang dimaksud dengan sumber daya yang memblokir perenderan?

Sumber daya pemblokiran perenderan adalah CSS dan JavaScript yang memperlambat waktu buka situs web karena harus diunduh oleh peramban web sebelum konten laman dapat dirender.

Ketika seorang pengunjung mencoba mengakses sebuah situs web, browser langsung mulai membaca situs web dari atas ke bawah. Jika ada CSS atau JavaScript, browser akan berhenti membaca hingga mengunduh dan memproses file. Sebelum browser dapat merender konten paruh atas, browser harus mengunduh file CSS atau JavaScript.

Plugin atau tema yang Anda instal dapat menambahkan beberapa CSS dan JS tersebut. Beberapa tidak perlu memuat terlebih dahulu, mereka dapat memuat nanti. Tetapi karena mereka ada di atas, mereka memperlambat situs web Anda.

Jadi yang dimaksud Google dengan "menghilangkan sumber daya yang memblokir perenderan" adalah Anda menghapus sumber daya yang tidak perlu dari bagian atas situs web Anda karena memperlambat pemuatan konten situs web.

Cara menemukan sumber daya yang memblokir render

Sebelum Anda dapat memecahkan masalah pemblokiran render, Anda perlu mengetahui dari mana asalnya. Anda dapat mengetahui sumber daya mana yang memblokir perenderan dengan menjalankan pengujian di Google PageSpeed ​​Insight atau Web.Measure.

Anda dapat mengikuti langkah-langkah di bawah ini untuk menemukan sumber daya pemblokiran render:

1. Kunjungi Google PageSpeed ​​Insight

2. Masukkan alamat situs web Anda dan klik analisis

3. Gulir ke bawah dan perhatikan untuk menghilangkan peringatan sumber daya yang memblokir render.

Periksa di ketuk seluler dan desktop.

Untuk BloggingTools, kami tidak memiliki masalah pemblokiran render untuk Desktop, tetapi kami melakukannya untuk seluler. Jadi demi ini, kami akan menggunakan Ponsel seperti yang Anda lihat di bawah ini.

Untuk seluler seperti yang Anda lihat di atas, kami memiliki 2 masalah pemblokiran render. Dengan skor 93. Skornya lebih tinggi, tetapi demi posting ini, saya harus menonaktifkan plugin Autoptimize.

BloggingTools.org mencapai skor ini tanpa optimasi karena kami menggunakan tema yang sangat cepat dan ringan yang disebut GeneratePress. Kami juga menghosting di host web yang sangat cepat yang dikenal sebagai Cloudways.

Catatan : Anda tidak boleh terobsesi untuk mendapatkan 100 pada skor wawasan PageSpeed. Ini hanya panduan. Biasanya skor rata-rata 65 sampai 80 baik-baik saja bagi kebanyakan orang. Jangan hapus file yang penting untuk bisnis Anda.

Hal yang baik tentang WordPress adalah Anda tidak perlu melakukan semuanya secara manual. Ada beberapa plugin yang dikodekan dengan baik untuk membantu.

Cara memperbaiki menghilangkan masalah sumber daya pemblokiran render di WordPress

Ikuti langkah-langkah ini untuk memperbaiki menghilangkan masalah sumber daya pemblokiran render:

1. Instal dan aktifkan Pengoptimalan Otomatis

Ada banyak plugin WordPress yang bisa melakukan ini seperti total cache W3, WP Rocket dan sebagainya. Tetapi dari pengalaman saya dengan banyak situs web, Autoptimize selalu menanganinya jauh lebih baik daripada situs web mana pun. Hal yang luar biasa adalah Autoptimize kompatibel dengan hampir semua plugin caching WordPress dan gratis.

Buka direktori plugin WordPress untuk menginstal dan mengaktifkan Autoptimize

2. Kunjungi pengaturan Optimalkan Otomatis

Jika Anda membutuhkan tempat untuk menemukan pengaturan Autoptimize, di dashboard WordPress Anda klik pada pengaturan lalu klik Autoptimize.

3. Optimalkan JavaScript

Di bawah opsi JavaScript, pilih Optimalkan kode Skrip dan juga pilih file JS agregat. Anda dapat menemukan pengaturan yang saya gunakan untuk BloggingTools di bawah ini.

4. Optimalkan CSS

Di bawah opsi Optimalkan CSS pilih Optimalkan kode CSS. Pilih juga file CSS agregat dan "Juga agregat CSS sebaris." Lihat Opsi yang saya gunakan untuk BloggingTools di bawah ini.

5. Optimalkan HTML

Jika Anda menginginkan kinerja yang lebih baik, Anda juga dapat menggunakan Autoptimize untuk mengoptimalkan HTML. Di bawah Opsi HTML, pilih optimalkan Kode HTML. Anda dapat melihat pengaturan yang saya gunakan untuk BloggingTools di bawah ini.

6. Periksa Opsi Lain-lain

Anda dapat memeriksa Opsi Lain-lain dan mengubah beberapa pengaturan yang sesuai untuk Anda. Anda dapat menemukan pengaturan untuk BloggingTools di bawah ini.

7. Simpan dan kosongkan cache.

Selanjutnya, cukup klik Simpan dan kosongkan cache. Itu semuanya!

Setelah semua ini, Anda dapat memeriksa situs Anda lagi di Google PageSpeed ​​Insight. Untuk BloggingTools, segera setelah melakukan ini, skor kami melonjak hingga 95 dan semua peringatan sumber daya yang memblokir render menghilang sepenuhnya. Lihat di bawah.

Harap perhatikan bahwa bergantung pada berapa banyak sumber daya yang memblokir perenderan yang Anda miliki dan seberapa penting sumber daya tersebut bagi situs Anda, beberapa di antaranya mungkin tetap ada. Jangan mencoba untuk menghapusnya.

Jika Anda ingin menghilangkan lebih lanjut, Anda dapat menggunakan Async JavaScript, sebuah plugin oleh penulis yang sama dengan Autoptimize. Mereka bekerja sama. Saya tidak merekomendasikan ini karena dapat merusak situs Anda. Optimalisasi otomatis saja tidak apa-apa!

Kesimpulan

Kecepatan itu penting dan menghilangkan sumber daya yang memblokir perenderan dapat membantu situs web Anda memuat lebih cepat dan memberi situs Anda skor yang lebih baik pada alat pengujian kecepatan. Tetapi Anda tidak boleh terobsesi dengan skor ini karena mereka hanya ada untuk memandu.

Jika situs web Anda masih sangat lambat setelah ini. Tiga masalah yang paling mungkin adalah tema atau host Web Anda buruk, atau Anda memiliki plugin yang buruk terpasang. Saya merekomendasikan Coudways sebagai host web terbaik dan GeneratePress sebagai tema terbaik. Jika Anda seorang pemula, Bluehost dapat menanganinya tetapi jika Anda mampu membelinya, Cloudways adalah yang terbaik. Anda bisa mulai gratis. Saya menggunakan GeneratePress dan Coudways untuk TargetTrend

Baca juga:

Cara membuat WordPress sangat cepat

Cara mengarahkan lalu lintas ke blog Anda

Cara menghasilkan uang dari blog

Bagaimana cara memulai blog?