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

Hallo, selamat malam, pada kali ini akan membawakan tentang renovasi otak download TIPS Mempercepat Loading Blog dengan Mudah | Terbaru 100% AMPUH! simak selengkapnya 

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

60% dari pengunjung blog dikau akan berbalik cita-cita jika loading blog dikau melebihi 5 detik, tentunya akan merugikan dikau sendiri jika terjadi keadaan tersebut. Maka dari itu dikau perlu melakukan optimasi loading pada blog dikau 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 melakukan aturan ini, pastikan dikau sudah menganalisa kecekatan blog anda. Anda dapat mengukur seberapa cepat loading blog dikau dengan tool

• Google PageSpeed Insights
• GTMetrix
• Pingdom

Anda dapat menggunakan gawai tersebut ala gratis untuk mengukur kecekatan blog dikau dengan bandingkan selepas menggunakan aturan ini.

Lantas, bagaimana aturan untuk mempercepat loading pada blog anda? berikut adalah aturan ampuh untuk mempercepat loading blog.

Kurangi Ukuran Gambar

Ukuran coretan yang besar adalah salah satu penyebab terbanyak yang mempengaruhi loading blog anda. Jadi, langkah utama disini adalah mengurangi ukuran gambar.

Semakin halus ukuran coretan semakin baik. Anda harus berusaha menjaga ukuran per coretan kurang dari 30KB.

Untungnya, untuk mengurangi ukuran coretan cukup mudah dengan sederhana.

Hindari penggunaan coretan putusan tinggi (HD)

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

Crop Gambar

Potong ukuran coretan agar cukup pas di postingan dikau dalam panjang dengan lebarnya.

Kompres Gambar

Kompres coretan ditujukan untuk memperkecil ukuran dari coretan tersebut. Anda dapat menggunakan tool online untuk mengompres gambar, seperti

• Tiny JPG
• Compress JPEG
• Image Compressor

Tips:

1. Jangan mengedit gambar, bagaikan meningkatkan kecerahan dengan kontrasnya. Ini akan meningkatkan ukuran totalnya.

2. Harapkan gambarnya kurang buram. Kecuali blog atau kedudukan web dikau berisi tentang gambar-sentris.

Singkirkan CSS Dan Bundel JS

Blogger sudah dilengkapi dengan gabungan CSS dengan JavaScript yang sudah ada sebelumnya terlepas dari template yang dikau gunakan. Kode tersebut kurang lebih hadir bagaikan 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 tak dibutuhkan sepenuhnya jika dikau menggunakan template khusus. Jadi, asas ini harus dihapus.

Namun, karena default bentuk pada blogger , dikau tak dapat mendobrak bundle ini. Jadi untuk menolaknya, perlu kurang perubahan pada asas tersebut.

Pertama pergi ke jerambah blogger anda. Masuk ke

Template

 ➤

Edit HTML

Lalu ikuti langkah langkah berikut.

Menghapus Bundle CSS

• Tekan CTRL+F Lalu cari <b:skin><![CDATA[, ganti asas tersebut dengan asas beserta

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

• Potong segala asas yang ada pada tag tersebut.
• Cari kode </b:skin>, ganti asas tersebut dengan </style>

Menghapus Bundle JS (Java Script)

• Cari asas </body>, ganti asas tersebut dengan asas berikut
  
  

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

Hapus Icon Quick Edit

Ikon halus ini bisa sahaja membutuhkan banyak ruang. Jika dikau tak membutuhkan icon ini, alangkah baiknya dikau mendobrak icon ini. Caranya cukup sederhana

❚

CTRL+F

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

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

Hapus Pemblokir Rander Font dengan Jquery

Jika dikau memasang template dari bagian ketiga, tak menutup kemungkinan dikau menggukan font khusus. Font ini membuat pemblokiran kedudukan web, dengan memperlambat kecekatan pemuatannya dengan margin besar.

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

Hapus bentuk pemblokiran render ini dari blog/situs web dikau dengan aturan berikut

❚ Tekan

CTRL+F

arkian gagar asas </head> letakkan asas 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) "use strict"; var i = window.document.createElement ("tautan"); var o = t)} 
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 asas yang ditandai dengan font yang dikau gunakan.

PENUTUP

Setelah melakukan beberapa perubahan tersebut, analisa kembali blog dikau dengan gawai speed test yang sudah saya rekomendasikan diatas. Hasilnya? Apakah ada perubahan?

Sekian pertemuan kali ini tentang cara mudah mempercepat loading blog, semoga bermanfaat, ikuti terus Renovasi Otak untuk membaca artikel menarik selanjutnya.

Incoming Search Terms

• cara mempercepat loading blog dengan mudah
• cara ampuh mempercepat loading blog
• bagaimana aturan mempercepat loading blog?
• menambah kecekatan loading pada blogspot
• menambah kecekatan blog terbaru 2019
• tips menambah kecekatan blog 2x lipat

DONASI VIA PAYPAL Bantu berikan bingkisan jika 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 artikel ini bermanfaat salam

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