12 Nisan 2014 Cumartesi

CSS Optimize ile Sitenizi Hızlandırın

CSS optimizasyonu yaparak 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ğıda örnekte bunu belirtelim.
Aşağıdaki kodlarda aynı özelliğe sahip H1 ve H2 etiketi vardır.
h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:700;
color:#044;
}
h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:700;
color:#044;

Yukarıdaki örnekte belirtilen kodları optimize edeceğiz. Yani css optimizasyonu yapacağız.
Bu optimizasyonu yaparken aşağıdaki gibi virgül kullanın.
css optimizaston ile site hızlandırma

h1, h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:700;
color:#044;

}
Görüldüğü gibi kodlarda kullanılmayan her css kodu sitenin 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 giriş yapın.
Boş alana css kodlarını yapıştırıp compress butonuna tıklayın.
Butona tıkladığınızda temizlenen kodları rapor olarak ekranda görebileceksiniz.
Fazlalık kodların olmadığı gereksiz kodlar gitmiş ve arıtılmış kodları alıp kullanabilirsiniz.
Bu işlem sonucu kodlardaki fazlalıklar atılmış ve arıtılmış temiz kodlar olarak size sunmasıdır.
esen kalın....

Hiç yorum yok:

Yorum Gönder