12 Nisan 2014 Cumartesi

CSS Optimize ile Sitenizi Hızlandırın



CSS Optimize

cSS Optimizasyonu ile sitenizi nasıl hızlandırabilirsiniz? Bu sorunun cevabı burada. Hemen başlayalım.

İlk olarak ortak sitilleri bir arada tanımlama yapacağız. Aşağıdaki örnekte bunu belrtelim.


CSS optimizasyon


Bu kod satırında aynı özellikte iki etiket var. Bunlar, 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 gibi virgül (,) kullanıyoruz.

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

}



Sitenizi Hızlandırın


Burada kullanılmayan her css kodu sitenizin hızını yavaşlatacaktır. Dolayısıyla CSS Compressor kullanarak fazlalık kodları atacağız. Böylece sitemiz hızlı çalışacak.
CSS Compressor sitemize giriş yapıyoruz. Boş alana css kodlarını yapıştırıp compress yapıyoruz.
İlem tamamlandığında temizlenen kodları bize rapor ediyor. Arıtılmış olan kodları gönül rahatlığı içinde kullanabilirsiniz.

Hiç yorum yok:

Yorum Gönder