Mengoptimalisasi CSS Yang Digunakan Pada Blog

Apa itu CSS? ini merupakan pertanyaan yang sering diajukan oleh para blogger baik yang tergolong newbie maupun yang sudah lama dalam dunia blogging akan tetapi belum tahu 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>

2. Menggunakan CSS Optimizer Tool.

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.

Happy Blogging :)