Yapımcı

CSS İle Site Hızlandırma

Posted by Yüksel Duman On 21 Nis 2014 5 yorum

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.


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 buna bir örnek verilmiştir.


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;            

}

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 siteye 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 tekniklerinden olan CSS Optimizasyon kullanmak hakkında yardımcı olmaya çalıştım.

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

5 yorum:

Yüksel Duman dedi ki...

yorumlarınızı eksik etmeyin

Adsız dedi ki...

Hazır web sistemlerinde site hızlandırıcı eklentiler mevcut oluyor. Tabi burdaki makaleniz de faydalı
teşekkürler

Sezai Acıma dedi ki...

Bu sitede hem css, hem de Js dosyalarınzıı sıkıştırabilirsiniz.

Adsız dedi ki...

hocam JS dosyalarını da sıkıştırmamız gerekmektedir. Bu hizmeti veren siteler var

Yüksel Duman dedi ki...

Evet doğrudur. JS dosyalarını da sıkıştırabiliriz.

Yorum Gönder