CSS İle Site Hızlandırma
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.
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:
yorumlarınızı eksik etmeyin
Hazır web sistemlerinde site hızlandırıcı eklentiler mevcut oluyor. Tabi burdaki makaleniz de faydalı
teşekkürler
Bu sitede hem css, hem de Js dosyalarınzıı sıkıştırabilirsiniz.
hocam JS dosyalarını da sıkıştırmamız gerekmektedir. Bu hizmeti veren siteler var
Evet doğrudur. JS dosyalarını da sıkıştırabiliriz.
Yorum Gönder