Cara Defer Async Aba-Aba Css Blogger

Kali ini aku bagikan cara memakai defer atau async aba-aba css di blogger. Karena selain dari widget css bundle yang memblokir perenderan konten paruh atas di blog. Ada aba-aba css lain yang biasa dipanggil untuk mempercantik tampilan blog menyerupai dari maxcdn dan font awesome. Biasanya aba-aba css eksternal itu ada alasannya yakni memakai template luar selain dari template default bawaan blogger.

Dan sudah niscaya kau sering melihatnya. Pertanyaannya bagaimana kita memakai async atau defer aba-aba css eksternal itu? Biasanya untuk font awesome sanggup disematkan inline pada ]]></b:skin> blogger, namun apabila aba-aba external css lainnya tidak sanggup disematkan didalam Edit HTML blogger dan tetap ingin kau defer, itu juga bagus alasannya yakni akan lebih mudah dan menghemat ukuran HTML blog.

Baca juga:
Cara menghilangkan javascript yang memblokir rendering di konten paruh atas
Cara menghilangkan css yang memblokir blogger

Tujuan Defer Kode CSS

Tujuannya terang alasannya yakni ingin mempercepat loading blog biar rendering aba-aba eksternal ditunda dulu sehingga konten utama blog sanggup ditampilkan untuk pengunjung. Karena loading yang usang sanggup menciptakan pengunjung pergi dari blog.

Cara Defer Kode CSS

Langkah 1. Copy aba-aba script defer dibawah ini dan gantikan url link kode css yang ingin di defer.
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
//]]>
</script>
Langkah 2. Letakkan aba-aba yang telah di copy, diatas </head> blog kau dan Simpan.

Sangat gampang bukan? Silahkan kau cek dengan pagespeed insight milik google apakah aba-aba css eksternal masih memblokir render konten paruh atasnya.

Komentar

Postingan populer dari blog ini

Kualitas Solar Sangat Mempengaruhi Kinerja Mesin Diesel

Fungsi Defogger Garis Coklat Di Beling Mobil

Benarkah Memoles Body Kendaraan Beroda Empat Bikin Cat Jadi Tipis ?