Optimalisasi CSS 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.

Berikut secercah penerang untuk optimalisasi CSS yang digunakan pada blog kita.

1. Memecah & menggabungkan kode HTML secara agregat.

Misalkan pada kode HTML berikut

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

Dapat kita optimalisasi menjadi

margin: 10px 20px 10px 20px;

Pada contoh kode HTML yang lain

<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>

Dapat kita ubah menjadi

<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 


Ada cara yang lebih mudah, 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.