Praditya MyID

Cara Mempercepat Loading Blog: Hapus CSS yang Tidak Digunakan

<b><i>Cara menghapus kode CSS yang tidak terpakai secara otomatis untuk mempercepat loading blog.</i></b><br /><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUUGnOPdFPyDcNUekEnaIpvbOLepafms_IryemC0wFoa4znRrmDy91IMYFld6qmTFVWjSEGobt9CivRiC0IPNRo7YzKeJfJmdmZRrLHD3m3MShQZ35lrLEQEMJ_IB3p0po2_tFoj_UwSmr/s1600/load+faster.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="blog cepat loading" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUUGnOPdFPyDcNUekEnaIpvbOLepafms_IryemC0wFoa4znRrmDy91IMYFld6qmTFVWjSEGobt9CivRiC0IPNRo7YzKeJfJmdmZRrLHD3m3MShQZ35lrLEQEMJ_IB3p0po2_tFoj_UwSmr/s1600/load+faster.JPG" title="blog cepat loading" /></a></div><b>SALAH </b>satu cara mempercepat loading time blog adalah dengan menghapus kode-kode CSS yang tidak digunakan atau tidak terpakai di template.<br /><br />Apa itu CSS? Kita tanya <i><a href="http://id.wikipedia.org/wiki/Cascading_Style_Sheets" rel="nofollow" target="_blank">Wikipedia</a></i> aja deh. Katanya, CSS itu singkatan dari Cascading Style Sheet (CSS). CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. (Cascading Style Sheets; CSS defines how HTML elements are to be displayed).<br /><br />Di template blog, kode-kode CSS yang menentukan "hitam-putih" tampilan blog kita itu ada di antara kode <b><b:skin></b> dan <b></b:skin>. </b>Semua kode yang ada di situ, itulah kode CSS.<br /><br />Agar loding time blog kita bagus, idealnya di bawah empat detik saja (silakan cek kecepatan loading blog Anda di <a href="http://gtmetrix.com/" rel="nofollow" target="_blank">GT Metrix</a>), salah caranya adalah dengan memastikan tidak ada kode CSS yang "useless", tidak berguna, di dalam template, hanya memberatkan loading.<br /><span style="background-color: white; color: #545454; font-family: arial, sans-serif; font-size: x-small; line-height: 18.2000007629395px;"><br /></span>Salah satu <i>tools online</i> yang bisa kita gunakan adalah <a href="http://unused-css.com/" rel="nofollow" target="_blank">Unused CSS</a>. Dari namanya saja sudah jelas, situs itu akan mengecek "CSS yang tidak terpakai".<br /><ol><li>Buka Unused CSS.</li><li>Masukkan link url atau semua kode CSS template Anda</li><li>Klik tombol yang ada dan tunggu hasil dan rekomendasinya.</li></ol><div>CB sendiri sudah mengeceknya. Hasilnya, bersih! Semua kode CSS di template CB digunakan, tidak ada yang tidak terpakai, sehingga tak perlu bersih-bersih lagi:</div><div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1t6NyGQXtsNVyBlQpbglIYoIfKGnRmt1oMipI2JO0JvU3ZN8IgoFBMIcSwmOPlt1mtJiqGuhfjKYXgTKK4SKtLgqiW5z0Ouhi8-mmQeUo-fgCWdyLvvplQDGNRMpmvkmzMu9xHdeWYTd0/s1600/css+yang+digunakan-tidak+digunakan.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="kode css terpakai" border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1t6NyGQXtsNVyBlQpbglIYoIfKGnRmt1oMipI2JO0JvU3ZN8IgoFBMIcSwmOPlt1mtJiqGuhfjKYXgTKK4SKtLgqiW5z0Ouhi8-mmQeUo-fgCWdyLvvplQDGNRMpmvkmzMu9xHdeWYTd0/s1600/css+yang+digunakan-tidak+digunakan.JPG" title="kode css terpakai" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"></div><h3><b>Kompres CSS</b></h3></div><div>Selain menghapus kode CSS yang tidak dipakai, cara lain untuk mempercepat loading time blog adalah mengkompress kode tersebut (CSS Compresse).<br /><br />Kita bisa gunakan <a href="http://www.cssdrive.com/index.php/main/csscompressor" rel="nofollow" target="_blank">CSS Drive</a> untuk melakukan kompres:<br /><br />1. Buka situs CSS Drive<br />2. Copas saja semua kode antara kode <b><b:skin></b> dan <b></b:skin></b><br />3. Klik "Compress It!"</div><div>3. Akan terbuka halaman baru berisi CSS yang telah di kompresi.</div><div><br />CB sendiri sudah melakukan kompress ini, namun 'gak CB pakai. Soalnya 'ga terlalu ngaruh. Secara blog CB ini sudah bagus loading timenya, di bawah empat detik. Cuma "keganggu" sama Google Adsense doang. Lagian, bedanya css asli dan hasil kompress cuma dikit, hanya 6%.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkAn_-gq03EN3gcq7DGBxL9vRhoynh5EeWhfxaJ7Qfn55nHrR4ygMIGfXlg0aLrqyeN_NmWmOj46HM8ssterzLaF1ygHJfePnMrbYq4E-wy172a6h4cT-eb8kmRPQbfr2mXYny7mHz1rVY/s1600/hasil+kompres+css.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="hasil komprs kode css" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkAn_-gq03EN3gcq7DGBxL9vRhoynh5EeWhfxaJ7Qfn55nHrR4ygMIGfXlg0aLrqyeN_NmWmOj46HM8ssterzLaF1ygHJfePnMrbYq4E-wy172a6h4cT-eb8kmRPQbfr2mXYny7mHz1rVY/s1600/hasil+kompres+css.JPG" title="hasil komprs kode css" /></a></div><br /><b>WARNING!</b><br />Langkah kompress css hendaknya dilakukan setelah Anda memutuskan tidak akan lagi memodifikasi blog. Soalnya, nanti kode-kode tersebut "rapat" dan akan sulit menemukan kode yang akan diubah.<br /><br />Masih banyak cara lain untuk mempercepat loading blog, selain menghapus kode CSS yang tidak dipakai, seperi rekomendasi GT Metrik:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZFOvL5SfMGC70oItvx-1mTahV3qhxHgfM5rhnnVN_fuWARc3YgUuq_cHN4kVZswaVsv8c-96cT7IENHHYgG8cDPWE-pO9Z-oQnPKs19S0B5JJWJsRwCoQqnMdLa4QgprMw4ruZ-LHjeXc/s1600/rekomendasi+gt+metrix.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="rekomendasi gt metrik" border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZFOvL5SfMGC70oItvx-1mTahV3qhxHgfM5rhnnVN_fuWARc3YgUuq_cHN4kVZswaVsv8c-96cT7IENHHYgG8cDPWE-pO9Z-oQnPKs19S0B5JJWJsRwCoQqnMdLa4QgprMw4ruZ-LHjeXc/s1600/rekomendasi+gt+metrix.JPG" title="rekomendasi gt metrik" width="320" /></a></div><br />Di antaranya soal:<br /><ol><li>HTML Compression</li><li>Image Compression. </li><li>JavaScript Compression</li></ol>Untuk pemula, daripada blognya error, cukup dengan langkah sebagai berikut dulu:<br /><ol><li>Jangan terlalu banyak menampilkan jumlah post di halaman depan (Home). Google  menyaranakan maksimal 10 judul post.</li><li>Gunakan widget dan javascript dari blogger. Namun jika ingin menggunakan javascript dan widget dari pihak ketiga, pastikan penempatannya bagian bawah blog atau dibawah sidebar.</li><li>Kurangi ukuran gambar.</li><li>Jangan gunakan flash, jam, animasi.</li><li>Jangan memasang widget hit counter (statistik pengunjung), alexa rank, dll. yang hanya akan membenani loading blog.</li></ol><div>Demikian Cara Mempercepat Loading Blog, khsusunya soal menghapus kode CSS yang Tidak Digunakan. Good Luck! (http://contohblognih.blogspot.com).*</div></div><div><br /></div>

Cara Mempercepat Loading Blog: Hapus CSS yang Tidak Digunakan

Cara menghapus kode CSS yang tidak terpakai secara otomatis untuk mempercepat loading blog. SALAH satu cara mempercepat loading time blog ad...