9 Tips mempercepat loading Blog menjadi fast load & responsif - Hallo sahabat OBODRINK, Pada Artikel yang anda baca kali ini dengan judul 9 Tips mempercepat loading Blog menjadi fast load & responsif, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : 9 Tips mempercepat loading Blog menjadi fast load & responsif
link : 9 Tips mempercepat loading Blog menjadi fast load & responsif

9 Tips mempercepat loading Blog menjadi fast load & responsif

Tips Membuat Template Blogger supaya Fast load & Responsif. Kebanyakan orang tentu berkeinginan agar template bloggernya menjadi fast load, sebab saat memakai template blog yang responsif serta ringan maka visitor akan sangat puas sekali dengan blog kalian.

Bagi kalian yang hendak membuat template bloggernya menjadi fast load triknya sangat gampang, kalian dapat menyimak Cara jitu yang bakal saya bagikan kepada kalian guna membuat template bloggernya supaya fast load daripada yang sebelumnya.

9 Tips mempercepat loading Blog menjadi fast load & responsif

1. Pakailah template yang benar-benar fast load

Terdapat banyak fasilitator template yang telah memaksimalkan kekencangan templatenya melampaui hingga 90+/100, tidak akan jugakan sebuah blogger template bakal laris dijual apabila skor performanya berada pada angka 50 kebawah? buat rekomendasi template blogger fast load saya rekomendasikan untuk memakai template viomagz ataupun median ui.

2. Kalian bisa Matikan CSS Deafault Blogger,  bagaimana caranya? 

Caranya cukup mudah, untuk mereset CSS default blogger yaitu:

➱ Pertama: Kalian masuk ke edit html pada blogger kalian, 

➱ Kedua: setelah itu kalian cari dan temukan kode<b:skin><![CDATA[ 

➱ Ketiga: Sesudah menemukan kode <b:skin><![CDATA[, kalian ganti kode itu dengan kode yang sudah saya siapkan dibawah  ini.

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[

3. Kalian matikan javascript bawaan dari Blogger yang terdapat pada atas header. caranya Hampir sama seperti diatas. 

➱ Pertama: Kalian masuk ke edit html pada blogger kalian, 

➱ Kedua: setelah itu kalian cari dan temukan kode </head> 

➱ Ketiga: Sesudah menemukan kode tersebut, kemudian kalian ganti kode </head> menggunakan kode berikut ini.

&lt;!--</head>--&gt;&lt;/body&gt;

4. Langkah selanjutnya kalian matikan JavaScript Bawaan dari Blogger yang terdapat pada atas kode </body>. 

➱ Pertama: Kalian masuk ke edit html pada blogger kalian, 

➱ Kedua: setelah itu kalian cari dan temukan kode </body> 

➱ Ketiga: Sesudah menemukan kode tersebut, kalian ganti kode itu dengan kode yang sudah saya siapkan dibawah ini.

&lt;!--</body>--&gt;&lt;/body&gt;

5. Selanjutnya, Jangan Terlalu kebanyakan Memasang JavaScript

 Apabila kalian terlalu kebanyakan memakai javascript, nanti blog kalian akan menjadi berat dan tidak responsif. Misalnya loading blogger kalian yang asalnya berada diangka 97/100, nanti pasti akan berubah menjadi 82/100. sebab, berlebihan memakai javascript bisa menurunkan performa blog kalian. 

6. Jangan terlalu banyak memakai Widget pada Blogger

 kalian Sesuaikan saja dengan Kebutuhan. kalian cukup memakai widget yang penting-penting saja, seperti label , popolar post serta follower blog jika dibutuhkan. 

7. Kompress CSS

Terdapat ratusan tools online yang bisa kalian pakai buat mengkompres CSS, lebih baik kalian tidak mengerjakannya ala manual apabila waswas malah bisa mendatangkan error, akan tetapi hal itu balik kepada pilihan kalian. Kalian bisa menggunakan alternatif situs buat mengkompres CSS seperti https://csscompressor.com/ atau https://cssminifier.com/ dan banyak lagi lainnya. Selain kode CSS, kalian pula wajib mengkompres kode JS serta HTML. silahkan anda serching digoogle, terdapat banyak fasilitas yang dapat kalian pakai. 

8. Pakai script lazyload

Banyak para blogger yang mengaplikasikan script lazyload pada blog mereka dengan impian bisa mempercepat loading blognya dan menaikkan skor performa halaman blogger, hal ini diakibatkan element blog kalian baru hendak diload. Berikut script lazyload yang dapat kalian gunakan. kalian bisa pasang script lazyload dibawah ini tepat di atas kode </body>

<script type='text/javascript'>

//<![CDATA[

(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c))

{if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});

//]]>

</script>

9. Jangan pakai inframe 

Code inframe ini sebaiknya djauhi, server sungguh-sungguh mendapati penangguhan ketika wajib meload code inframe dari tampilan situs web lain Maksudnya selain mendownload data element pada halaman blog kalian, browser pula wajib mendownload di situs web lain yang menjadi inframe

Demikianlah Artikel 9 Tips mempercepat loading Blog menjadi fast load & responsif

Sekianlah artikel 9 Tips mempercepat loading Blog menjadi fast load & responsif kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel 9 Tips mempercepat loading Blog menjadi fast load & responsif dengan alamat link https://www.obodrink.com/2021/11/9-tips-mempercepat-loading-blog.html

Bagikan Artikel ini