Tips Cara Percepat Loading Blog Dengan Mudah 100%

Sebelumnya kita akan bahas bagaimana sih pecepat blog ? Apa hubungannya Css dengan Load time (Waktu Muat) halaman blog? yang paling sederhana, ukuran file CSS menentukan berapa banyak bagian yang harus dibaca oleh search engine (mesin pencari). Semakin besar ukuran file maka tentu akan banyak perintah yang diminta, dengan demikian 'waktu baca' yang di butuhkan oleh browser semakin panjang. Kalian bisa menggunakan Website Page Insight dan GT metrix untuk mengukur kecepatan speed loading blog anda.

Baca Juga

Sebelumnya anda harus mengetahui kecepatan blog anda juga terpengaruh di template, oleh sebab itu anda di sarankan untuk memilih template yang simple clean dan Fast loading supaya kecepata loading blog anda semakin cepat.

Salah satu yang harus dilakukan dengan cara mengkompre gambar PNG dengan PngGauntlet. Hasilnya lumayan untuk mengurangi besar gambar tanpa mengurangi kualitas. anda juga bisa melakukan beberapa lain seperti :

Melakukan peramping CSS, mudah-mudahan loadingtime sudah berkurang walaupun dikit belum maksimal.

Kembali ke bagian CSS. File CSS adalah isi seluruh perintah/opsi yang mengatur semua style blog anda mulai dari gambar, tombol menu, ukuran image dan ukuran layout yang lain.

Ini Langkah-langkah Cara Mengurangi Ukurang
File CSS :

1. Masuk di Edit Template dan Lakukan Editing CSS secara manual.

Ini merupakan contoh pengaturan, Misalnya aturan pada header-wrapper.

#header-wrapper {
bacground:url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #00;
height: 150px;
margin-top: padding: 0px 0px 0px 0px;
text-align: center;
border: 1 px solid #000;
}

Diatas Merupakan contoh penataan CSS secara standaar, dimaksud agar browser dapat membaca aturan dengan baik menurut struktur CSS. Namun pada saat ini, semua browser telah memiliki kecepatan dan kemampuan baca yang tinggi.

Kita dapat melakukan perampingan pada ruang-ruang tersebut. Contoh code :

#header-wrapper{background:url(http://freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;
height: 150 px; margin-top: padding: 0px 0px 0px 0px; text-align; border:1px solid #000;}

Pada contoh styling berikut :

{Margin-top: 15px;
Margin-right: 10px;
Margin-bottom: 15px;
Margin-left: 15px;}

Style margin di atas dapat kita rampingkan dengan CSS short-hand dan mengurangi spacenya:

{Margin: 15px 10px;}

Karena nilai margin di atas dan bawah sama serta nilai kanan dan kiri sama, kita dapat merampingkan dengan cara di atas, dimana 15 px memakili ukuran atas-bawah dan 10px memakili kanan-kiri. jika semua nilai margin sama, misalnya 15px, kita tinggal tuliskan: {margin: 10px). Perhatikan bahwa semua aturan nilai dimulai dari atas dan berjalan searah jarum jam: atas, kanan, bawah dan kiri.

Baca juga : W3 School Sebagai referensi karena disana banyak contohnya dan implementasinya.

2. Anda Bisa Gunakan Layanan Situs-situs Penyedia Tool Kompress CSS Secara Online
Nah disini banyak layanan seperti dan silahkan copy namanya dan paste di google :