Dorinkutozi

Tutorial Blogger, SEO Blogger, Template Blogger

Ads Here

Selasa, 14 Maret 2017

Cara Optimalkan CSS Delivery Blogger

gambar-pgi
Mengoptimalkan Delivery CSS
Salam Blogger. Ok sob sekarang saya akan membahas Cara Mengoptimalkan CSS Delivery Blogger, saya sudah menyiapkan contoh gambar seperti diatas, nah sekarang sobat tahukan jaman sekarang yang tiada orang yang tidak mempunyai smartphone.
Nah jadi permasalahannya google sekarang sangat memperhatikan kecepatan Blog atau Website untuk berselancar di Smartphone maupun di Dekstop.
Nah bagi sobat yang Blog CSS Externalnya belum di optimalkan sehingga muncul pemberitahuan saat sobat melakukan check Speed di Page Speed Insight sobat tinggal ikuti Tutorialnya seperti di bawah ini :

1. Contoh code CSS Sebelum di Optimalkan

<link href='link-css-external-sobat.css' rel='stylesheet' type='text/css'/>

2. Nah yang kedua sobat ganti code diatas dengan kode di bawah ini

<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("link-css-sobat.css");loadCSS("link-font-css-sobat");
//]]>
</script>

Sobat bisa menambahkan Link CSSnya, Script ini juga support Font Google atau yang lainnya, dan JANGAN LUPA JIKA SOBAT SUDAH MENGGUNAKAN SCRIPT YANG SAYA SHARE MAKA CODE SOBAT SEBELUMNYA DI HAPUS !
Jika sobat masih kurang paham apa yang saya jelaskan sobat bisa berkomentar di bawah, Sekian dari Saya dan Terimakasih

Tidak ada komentar:

Posting Komentar