Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengatasi Render Blocking Resources Blogspot

Cara Mengatasi Render Blocking Resources Blogspot - Setiap blogger khawatir dengan kecepatan memuat situs web mereka. Masalah ini sering dihadapi oleh para blogger baru. Untuk menjaga kecepatan blog Anda, Anda mungkin menggunakan tema blogger sederhana dengan sedikit widget tetapi membutuhkan waktu yang tidak terduga untuk dimuat.

Cara Mengatasi Render Blocking Resources Blogspot

Alasan utama di balik ini adalah ukuran gambar yang besar dan penggunaan banyak JavaScript dan File CSS yang dimuat di latar belakang dengan tema Blogger default dan kustom dan menyebabkan penundaan untuk memuat situs Anda. skrip semacam itu dikenal sebagai File bundel CSS yang memblokir perenderan.

Baca Juga : Cara Menemukan Niche Blog yang Selalu Ramai Pengunjung

Dalam tutorial ini, kita akan membahas trik untuk mengatasi "eliminate render-blocking CSS bundle Files".

Catatan : Ini bukan satu-satunya alasan yang memperlambat halaman web tetapi yakin ini adalah salah satu satunya.

Secara default, CSS diperlakukan sebagai sumber daya yang memblokir perenderan, yang berarti bahwa browser tidak akan merender konten yang diproses hingga CSSOM dibuat. Jadi, pastikan untuk menjaga CSS Anda tetap bersih, kirimkan secepat mungkin, dan gunakan jenis media dan kueri untuk membuka blokir rendering.

Tema Blogger default sudah memiliki file CSS, tetapi jika Anda menggunakan kustomisasi tema Blogger maka file CSS tersebut tidak diperlukan. Umumnya di custom Blogger theme developer menggunakan custom script untuk mendesain temanya. Jadi, jika file skrip CSS default dimuat dengan skrip CSS khusus, maka tema Anda mungkin bertentangan dengan kedua skrip tersebut. 

Akibatnya, script CSS mungkin tidak memberikan keluaran yang sesuai dan file JavaScript menghilangkan CSS yang memblokir perenderan.

Langkah-langkah Untuk Menghapus Render Blocking CSS dan JavaScript

Namun, sebelum melanjutkan ke langkah, periksa saja kecepatan memuat tema Blogger Anda dengan mengunjungi PageSpeed ​​Insights - Google Developers

Dan setelah menerapkan pengaturan di bawah ini, periksa lagi kecepatan halaman sehingga Anda dapat membuat perbedaan dalam kecepatan memuat halaman. Setelah menerapkan trik kecepatan memuat situs, web saya telah meningkat hingga 20%.

Langkah # 1 : Masuk ke Akun Blogger dan Buka Dasboard Blogger Anda

Langkah # 2 : Sekarang Klik pada Tema lalu dropdown-menu di sudut kanan halaman Anda dan pilih Edit HTML

Langkah # 3:  Sekarang cari buka html atau HTML dari atas tema Blogger dengan menekan Ctrl + F (Di Windows) atau CMD + F (di perangkat Mac).

Cara Mengatasi Render Blocking Resources Blogspot

Langkah # 4: Sekarang tambahkan b: css = 'false' tepat setelah kode <html. Script akan serupa atau hampir terlihat seperti baris kode di bawah ini.


Langkah # 5: Terakhir tekan tombol Save theme


Sekarang Anda bisa melihat hasilnya. Lihat sumber halaman tema blogger Anda dan lihat render-blocking CSS file telah hilang setelah menerapkan trik di atas.

Catatan : Anda juga dapat melihat apakah kode tersebut berfungsi atau tidak. Anda akan melihat bahwa pesan peringatan dari google page insight telah dihapus. Anda juga dapat memeriksa dengan membuka homepage blog lalu tekan ctrl + U dan di baris pertama atau kedua di mana tag HTML berada seperti yang terlihat pada langkah ke 3.


Trik kecil ini akan membantu meningkatkan kecepatan pemuatan situs web dan Anda dapat menyingkirkan render-blocking resources.

Posting Komentar untuk "Cara Mengatasi Render Blocking Resources Blogspot"