Salah satu upaya yang harus kita lakukan dari
6 Langkah Mempercepat Loading Blog adalah dengan cara
Mengoptimalisasi CSS Yang Digunakan Pada Blog.
Apa itu CSS?
CSS merupakan kependekan dari
Cascading Style Sheets. CSS akan berguna dalam mempermudah search engine mengakses informasi dalam blog kita. Bagaimana caranya? Caranya adalah dengan mengijinkan browser tersebut untuk bisa mengakses data yang kita miliki dalam blog secara langsung, memindahkan hal yang dibutuhkan untuk bisa mengakses informasi setiap kali halaman blog dimuat.
Bagaimana optimalisasi CSS yang dapat kita lakukan?
1. Memecah dan menggabungkan kode HTML secara agregat.Misalnya adalah kode HTML berikut,
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
Seharusnya dapat kita ubah menjadi,
margin: 10px 20px 10px 20px;
Misalnya lagi adalah kode HTML berikut,
<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>
Seharusnya kita ubah dan gunakan menjadi seperti berikut,
<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>
Selain menggunakan cara manual seperti di atas, kita juga dapat menggunakan bantuan CSS Optimizer Tool untuk mempermudah pekerjaan kita. Dengan tool ini kita akan lebih simpel dalam menghapus whitespace yang tidak berguna, menggabungkan kode HTML yang sama, menghapus properti yang tidak berguna, dsb. Salah satu CSS Optimizer Tool yang dapat kita gunakan yaitu
Clean CSS.
Bagaimana kawan?
Cukup mudah dipahami bukan?
Jika ada yang masih ingin ditanyakan silakan disampaikan lewat kotak komentar ya.
Salam blogger!
Terimakasih anda telah membaca artikel tentang Mengoptimalisasi CSS Yang Digunakan Pada Blog. Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link https://kodebisnis0.blogspot.com/2011/06/mengoptimalisasi-css-yang-digunakan.html. Terimakasih atas perhatiannya.