Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

CSS İle Site Hızlandırma


CSS İle Site Hızlandırma


seo
CSS Optimizasyonu yaparak siteniz çok daha hızlı açılsın

Site Hızlandırma

Tüm site ve blog yazarlarının istediği kriterlerden biri de sitesinin veya blogunun hızlı açılması..
Gerçekten de doğrudur. Öyle değil mi arkadaşlar? Sitenin hızlı açılması okuyucular için de çok büyük önem arz etmektedir. Misal bir siteye girdik bekle bekle sayfa açılacak ve biz de ağaç olacağız :) Ne  kadar sinir bozucu bir durum bu. Beklemeden  o sayfayı terk edip çıkacağız.
Sonuç olarak kaybettiğimiz o değerli ziyaretçiler olacaktır.

google

Ziyaretçilerinizi kaçırmamak için sitenizi hızlandırmalısınız. Hızlandırma etkenlerinden biri de css optimizasyonudur. Peki nedir bu css optimizasyonu?
CSS Optimizasyonu kodlarımızdaki fazlalıklardan kurtulup daha stabil yaparak site açılışını ve sörfü hızlandırmadır.
 
Nasıl Optimize Yapabiliriz?
 
İlk olarak ortak sitilleri bir arada tanımlama yapacağız. Aşağıdaki örnekte olduğu gibi.


css


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;            

}

Google seo


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.
Sizlere site hızlandırma kriterlerinden biri olan CSS Optimizasyon kullanmak hakkında yardımcı olmaya çalıştım.

Kafanıza takılan yerler olursa yorum formundan yazabilirsiniz.

Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon