Mengoptimalkan Delivery CSS |
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