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

Hallo, berjumpa kembali di blog AUTOGOBLOOG , artikel ini akan membawakan tentang blogging the fifth nail 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 buat mendatangkan pengunjung.

60% dari hadirin blog awak akan berbelok hadap jika loading blog awak melebihi 5 detik, tentunya akan merugikan awak sendiri jika terjadi hal tersebut. Maka dari itu awak perlu melaksanakan optimasi loading pada blog awak dengan cara:

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

Sebelum melaksanakan cara ini, pastikan awak sudah menganalisa kecepatan blog anda. Anda boleh mengukur seberapa cepat loading blog awak dengan tool

• Google PageSpeed Insights
• GTMetrix
• Pingdom

Anda boleh menggunakan alat tersebut secara gratis buat mengukur kecepatan blog awak dan bandingkan setelah menggunakan cara ini.

Lantas, dengan jalan apa cara buat mem bangatkan loading pada blog anda? berikut adalah cara ampuh buat mem bangatkan loading blog.

Kurangi Ukuran Gambar

Ukuran goresan yang besar adalah salah satu penyebab terbesar yang mempengaruhi loading blog anda. Jadi, langkah utama disini adalah mengurangi bentuk gambar.

Semakin kecil bentuk goresan semakin baik. Anda harus berusaha menjaga bentuk per goresan minim dari 30KB.

Untungnya, buat mengurangi bentuk goresan cukup mudah dan sederhana.

Hindari penggunaan goresan resolusi tinggi (HD)

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

Crop Gambar

Potong bentuk goresan agar cukup pas di postingan awak dalam panjang dan lebarnya.

Kompres Gambar

Kompres goresan ditujukan buat memperkecil bentuk dari goresan tersebut. Anda boleh menggunakan tool online buat mengompres gambar, seperti

• Tiny JPG
• Compress JPEG
• Image Compressor

Tips:

1. Jangan mengedit gambar, seperti meluaskan kecerahan dan kontrasnya. Ini akan meluaskan bentuk totalnya.

2. Harapkan gambarnya sedikit buram. Kecuali blog atau situs web awak berisi tentang gambar-sentris.

Singkirkan CSS Dan Bundel JS

Blogger sudah dilengkapi dengan kumpulan CSS dan JavaScript yang sudah siap sebelumnya terlepas dari template yang awak gunakan. Kode tersebut minim 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 jika awak menggunakan template khusus. Jadi, aba-aba ini harus dihapus.

Namun, karena default sistem pada blogger , awak tidak boleh menghapus bundle ini. Jadi buat menolaknya, perlu sedikit perubahan pada aba-aba 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[, ganti aba-aba tersebut dengan aba-aba beserta

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

• Potong semua aba-aba yang siap pada tag tersebut.
• Cari kode </b:skin>, ganti aba-aba tersebut dengan </style>

Menghapus Bundle JS (Java Script)

• Cari aba-aba </body>, ganti aba-aba tersebut dengan aba-aba berikut
  
  

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

Hapus Icon Quick Edit

Ikon kecil ini bisa saja membutuhkan banyak ruang. Jika awak tidak membutuhkan icon ini, alangkah baiknya awak menghapus icon ini. Caranya cukup sederhana

❚

CTRL+F

geledah aba-aba <b:include name='quickedit'/> ganti dengan aba-aba <!--&lt;b:include name='quickedit'/&gt;-->

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

Hapus Pemblokir Rander Font dan Jquery

Jika awak memasang template dari pihak ketiga, tidak menutup kemungkinan awak menggukan font khusus. Font ini membuat pemblokiran situs web, dan memperlambat kecepatan pemuatannya dengan margin besar.

Masalah ini mudah diperbaiki, gunakan Google PageSpeed ​​Insight buat mencari tahu tentang elemen pemblokiran render di blog/situs web anda.

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

❚ Tekan

CTRL+F

lalu geledah aba-aba </head> letakkan aba-aba beserta 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) )} 
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 aba-aba yang ditandai dengan font yang awak gunakan.

PENUTUP

Setelah melaksanakan beberapa perubahan tersebut, analisa kembali blog awak dengan alat speed test yang sudah saya rekomendasikan diatas. Hasilnya? Apakah siap perubahan?

Sekian pertemuan kali ini tentang cara mudah mem bangatkan loading blog, semoga bermanfaat, ikuti berjalan Renovasi Otak buat mendapatkan karangan menarik selanjutnya.

Incoming Search Terms

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

DONASI VIA PAYPAL Bantu berikan donasi jika karangan bermanfaat. Donasi akan digunakan sebaik mungkin buat kepentingan renovasi-otak.blogspot.com. Terimakasih.

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

Tulisan ini diposting pada tag blogging the fifth nail, blogging blog, blogger sukses,

Bagikan Artikel ini