13 Nis 2014

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

4 yorum:

  1. Benim sitemde mevcut fakat bir çok kişinin işine yarayacaktır

    YanıtlaSil
  2. Bende temalarımı kodlarken bu özelliği kullanıyorum teşekkürler.

    YanıtlaSil
  3. Ben pek bi şey anlamadım nasıl olacal css ile site hızlandırma olayı yani

    YanıtlaSil

Yazdığınız yoruma gelen cevabı öğrenmek için, yorum formunun altındaki 'Beni bilgilendir' kutucuğuna tıklayın.
Yazının konusuyla alakası olmayan yorum veya sormak istediklerinizi
iletişim formundan sorabilirsiniz.