Solusi Blogspot Untuk Speed Leverage browser caching - halo sobat gee, apa kabarnya nih, hari ini gee mau sharing tutorial mengatasi masalah speed untuk performance web
Solusi Blogspot Untuk Speed Leverage browser caching - halo sobat gee, apa kabarnya nih, hari ini gee mau sharing tutorial mengatasi masalah speed untuk performance web, terkadang saat kita manambahkan resource atau sumber kode external seperti misal kita akan menambahkan jquery dari ajax.googleapis.com mengalami masalah pada performace web terutama speed atau kecepatan loading website, beberapa tutorial menyarankan untuk menambahkan syntax async pada sumber source contoh :
namun terkadang hal tersebut tidak menjadi solusi, masalah muncul lagi ketika kita mau menambahkan sumber untuk file css, katakan saja file css font-awesome dan ini bermasalah untuk speed, kali ini gee mau kasih solusi yang sudah dicoba dan berhasil mempengaruhi skor di https://developers.google.com/speed/pagespeed/insights/ dengan cara membuat fungsi untuk load sumber external saat user mengakses blogspot kita.
keterangan dari syntax diatas adalah fungsi untuk meload data / kode external yang akan di tampilkan di kode sebelum
oh ya jangan lupa untuk menambahkan kode diatas sebelum kode ya. terima kasih, sampai jumpa di posting selanjutnya. kalau masih bingung komentar aja ya mudah mudahan bisa direspon secepatnya.
<script async src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script>
namun terkadang hal tersebut tidak menjadi solusi, masalah muncul lagi ketika kita mau menambahkan sumber untuk file css, katakan saja file css font-awesome dan ini bermasalah untuk speed, kali ini gee mau kasih solusi yang sudah dicoba dan berhasil mempengaruhi skor di https://developers.google.com/speed/pagespeed/insights/ dengan cara membuat fungsi untuk load sumber external saat user mengakses blogspot kita.
<script> function loadjscssfile(filename, filetype){ if (filetype=="js"){ //if filename is a external JavaScript file var fileref=document.createElement('script') fileref.setAttribute("type","text/javascript") fileref.setAttribute("async","async") fileref.setAttribute("src", filename) } else if (filetype=="css"){ //if filename is an external CSS file var fileref=document.createElement("link") fileref.setAttribute("rel", "stylesheet") fileref.setAttribute("type", "text/css") fileref.setAttribute("href", filename) } if (typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref) } loadjscssfile("https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js", "js"); </script>
keterangan dari syntax diatas adalah fungsi untuk meload data / kode external yang akan di tampilkan di kode sebelum
oh ya jangan lupa untuk menambahkan kode diatas sebelum kode ya. terima kasih, sampai jumpa di posting selanjutnya. kalau masih bingung komentar aja ya mudah mudahan bisa direspon secepatnya.
"oh ya jangan lupa untuk menambahkan kode diatas sebelum kode ya"
BalasHapuskode di atas di letakan dimana mksdnya gan...
sebelum kode </body> gan
Hapus