CSS Optimizasyonu İle Sitenizi Hızlandırın

Merhaba arkadaşlar, bu yazımda sizlere CSS Optimizasyonu yaparak sitelerimizi nasıl hızlandıracağımızı basit ama önemli olan bu yollar ile anlatacağım. Başlıyorum.

1-Ortak Özellikte Olan Stilleri Bir Arada Tanımlamak

Aşağıdaki kod satırında aynı özelliğe sahip iki etiket var h1 ve h2.

h1{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    font-weight:800;
    color:#039;            
}
h2{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    font-weight:800;
    color:#039;            
}

Yukarıdaki kodları optimize ederken aşağıdaki örnekteki gibi virgül (,) operatörünü kullanabilirsiniz.

h1, h2{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    font-weight:800;
    color:#039;            
}

2- CSS Compressor İle Kullanılmayan CSS Kodlarını Temizlemek

Kullanılmayan her bir css kodu sitenizin hızını yavaşlatacaktır. Bu neden ile CSS Compressor kullanarak kullanılmayan veya fazlalık kod satırlarını temizleyeceğiz.

Öncelikle bu adresten sitemize giriyoruz. Daha sonra CSS kodlarımızı boş alana ekleyerek Compress butonuna basıyoruz ve işlemin tamamlanmasını bekliyoruz. İşlemimiz tamamlandığında CSS Compressor temizlenen kodları liste şeklinde bize rapor ediyor.

Daha sonra arındırılmış CSS kodlarımızı alıp rahatlıkla kullanabiliriz. Bu yazımda CSS kodlarınızı, dosyalarınızı optimize ederek sitelerinizi hızlandırmak için birkaç ipucu verdim. Umarım yardımcı olabildim.

İyi bloglamalar..