TIPS Mempercepat Loading Blog dengan Mudah | Terbaru 100% AMPUH!

Hohoho, selamat sore, di kesempatan akan dibahas mengenai blogging site TIPS Mempercepat Loading Blog dengan Mudah | Terbaru 100% AMPUH! simak selengkapnya 

Renovasi Otak - Kecepatan loading blog merupakan salah satu hal penting yang harus diperhatikan seorang blogger untuk mendatangkan pengunjung.

60% dari pengunjung blog awak akan berbalik arah andaikata loading blog awak melebihi 5 detik, tentunya akan merugikan awak sendiri andaikata terjadi hal tersebut. Maka dari itu awak perlu melancarkan optimasi loading ala blog awak dengan cara:

1. Kurangi Ukuran Gambar
2. Singkirkan CSS Dan Bundel JS
3. Hapus Icon Quick Edit
4. Hapus Pemblokir Rander Font dengan Jquery

Sebelum melancarkan aturan ini, pastikan awak pernah menganalisa kecepatan blog anda. Anda bisa mengukur seberapa cepat loading blog awak dengan tool

• Google PageSpeed Insights
• GTMetrix
• Pingdom

Anda bisa memakai instrumen tersebut secara gratis untuk mengukur kecepatan blog awak dengan bandingkan selepas memakai aturan ini.

Lantas, bagaimana aturan untuk mem bangatkan loading ala blog anda? berikut adalah aturan ampuh untuk mem bangatkan loading blog.

Kurangi Ukuran Gambar

Ukuran goresan yang besar adalah salah satu penyebab terbesar yang mempengaruhi loading blog anda. Jadi, langkah elementer disini adalah memangkas ukuran gambar.

Semakin kecil ukuran goresan semakin baik. Anda harus berusaha menjaga ukuran per goresan kurang dari 30KB.

Untungnya, untuk memangkas ukuran goresan memadai enteng dengan sederhana.

Hindari penggunaan goresan pernyataan tinggi (HD)

Gambar yang beresolusi tinggi pastinya size dari goresan tersebut juga tinggi/besar. Maka dari itu, hindari penggunaan tersebut.

Crop Gambar

Potong ukuran goresan agar memadai pas di postingan awak dalam panjang dengan lebarnya.

Kompres Gambar

Kompres goresan ditujukan untuk memperkecil ukuran dari goresan tersebut. Anda bisa memakai tool online untuk mengompres gambar, seperti

• Tiny JPG
• Compress JPEG
• Image Compressor

Tips:

1. Jangan mengedit gambar, seperti memajukan menambah kecerahan dengan kontrasnya. Ini akan memajukan menambah ukuran totalnya.

2. Harapkan gambarnya sedikit buram. Kecuali blog atau kedudukan web awak berisi akan gambar-sentris.

Singkirkan CSS Dan Bundel JS

Blogger pernah dilengkapi dengan kumpulan CSS dengan JavaScript yang pernah ada sebelumnya terlepas dari template yang awak gunakan. Kode tersebut kurang lebih terlihat seperti ini

https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css
https://www.blogger.com/static/v1/widgets/3401484092-widgets.js

Kode-kode ini tidak dibutuhkan sepenuhnya andaikata awak memakai template khusus. Jadi, kode ini harus dihapus.

Namun, karena default sistem ala blogger , awak tidak bisa basmi bundle ini. Jadi untuk menolaknya, perlu sedikit perubahan ala kode tersebut.

Pertama pergi ke halaman blogger anda. Masuk ke

Template

 ➤

Edit HTML

Lalu ikuti langkah langkah berikut.

Menghapus Bundle CSS

• Tekan CTRL+F Lalu cari <b:skin><![CDATA[, salin kode tersebut dengan kode berikut

<style type="text/css">
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

• Potong semua kode yang ada ala tag tersebut.
• Cari kode </b:skin>, salin kode tersebut dengan </style>

Menghapus Bundle JS (Java Script)

• Cari kode </body>, salin kode tersebut dengan kode berikut
  
  

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

Hapus Icon Quick Edit

Ikon kecil ini bisa saja menghajatkan banyak ruang. Jika awak tidak menghajatkan icon ini, alangkah baiknya awak basmi icon ini. Caranya memadai sederhana

❚

CTRL+F

gagar kode <b:include name='quickedit'/> ubah dengan kode <!--&lt;b:include name='quickedit'/&gt;-->

BACA JUGA: Cara Memasang Lazy Load Image untuk Mempercepat Loading Blog

Hapus Pemblokir Rander Font dengan Jquery

Jika awak memasang template dari pihak ketiga, tidak mengatup kementakan awak menggukan font khusus. Font ini membuat pemblokiran kedudukan web, dengan memperlambat kecepatan pemuatannya dengan margin besar.

Masalah ini enteng diperbaiki, gunakan Google PageSpeed ​​Insight untuk mencari tahu akan elemen pemblokiran render di blog/situs web anda.

Hapus sistem pemblokiran render ini dari blog/situs web awak dengan aturan berikut

❚ Tekan

CTRL+F

arkian gagar kode </head> letakkan kode berikut tepat diatasnya

<script type = 'text / javascript'> 
(function () var ad = document.createElement ('script'); ad.type = 'text / javascript'; ad.async = true; ad.src = '// ajax.Googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js '; var sc = document.getElementsByTagName (' script ') [0]; sc.parentNode.insertBefore (ad, sc); ) (); 
// <! [CDATA [ 
// 
fungsi CSS Ready loadCSS (e, t, n) “all”)} 
loadCSS (“// fonts.googleapis.com/css?family=Open+Sans|PT+Sans+Narrow//);loadCSS((https : //maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css ”);
//]]> 
</script>

Ubah kode yang ditandai dengan font yang awak gunakan.

PENUTUP

Setelah melancarkan beberapa perubahan tersebut, analisa balik blog awak dengan instrumen speed test yang pernah abdi rekomendasikan diatas. Hasilnya? Apakah ada perubahan?

Sekian pertemuan kali ini akan cara enteng mem bangatkan loading blog, semoga bermanfaat, ikuti terus Renovasi Otak untuk mendapatkan artikel menarik selanjutnya.

Incoming Search Terms

• cara mem bangatkan loading blog dengan mudah
• cara ampuh mem bangatkan loading blog
• bagaimana aturan mem bangatkan loading blog?
• menambah kecepatan loading ala blogspot
• menambah kecepatan blog terbaru 2019
• tips menambah kecepatan blog 2x lipat

DONASI VIA PAYPAL Bantu berikan bingkisan andaikata artikel bermanfaat. Donasi akan digunakan sebaik mungkin untuk kepentingan renovasi-otak.blogspot.com. Terimakasih.

oke pembahasan perihal TIPS Mempercepat Loading Blog dengan Mudah | Terbaru 100% AMPUH! semoga info ini bermanfaat terima kasih

tulisan ini diposting pada tag blogging site, blogger sukses, , tanggal 27-09-2019, di kutip dari https://renovasi-otak.blogspot.com/2019/08/cara-mudah-mempercepat-loading-blog.html