1. * 5651 Sayılı Kanun'a göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur.
    * Telif hakkına konu olan eserlerin yasal olmayan şekilde paylaşıldığını ve yasal haklarının çiğnendiğini düşünen hak sahiplerinin İLETİŞİM bölümünden bize ulaşmaları durumunda ilgili şikayet incelenip gereği 1 (bir) hafta içinde gereği yapılacaktır.
    E-posta adresimiz

Css hatalarını düzeltiniz - Css optimize

Konusu 'WordPress' forumundadır ve YoRuMSuZ tarafından 8 Mayıs 2011 başlatılmıştır.

  1. YoRuMSuZ
    Avare

    YoRuMSuZ Biz işimize bakalım!

    Katılım:
    7 Haziran 2006
    Mesajlar:
    24.427
    Beğenileri:
    7.355
    Ödül Puanları:
    11.330
    Cinsiyet:
    Bay
    Banka:
    8.772 ÇTL
    Wordpress css altyapısı ile göz dolduran bir sistem. Ancak tasarım full css olduğu için style.css adlı dosyanızın iyi optimize edilmesi son derece önemlidir. Farkında olmadan yaptığımız css hataları her ne kadar farketmeseniz de sitenizin yavaşlamasına arama botlarının sitenizi indexlerken daha yavaş davranmasına neden olabilir.

    Gözden kaçan küçük hatalar bile css dosyanızın %80 oranında büyümesine neden olabilir. Aynı kod bloklarını birleştirmek, "0px" değerlerini "0" ile değiştirmek, gereksiz açıklama satırlarını silmek, aynı veya ikili karakterlerden oluşan renk kodlarını 3 haneli yazmak, margin-padding değerlerini doğru yazmak ve kod boklarındaki css değerlerini doğru sıra ile yazmak site performansınızı ve sitenizin daha stabil çalışmasını sağlayacaktır.

    En sık yapılan css hataları ile ve doğru kullanımlarına örnekler verelim... Küçük bir css optimize çalışması bile css dosyanızın oldukça küçülmesini sağlayacaktır. Kod içerisinde kırmızı ile belirtilen bölümler yanlış kullanımı işaret etmektedir...

    Kod:
      Kodları görebilmek için ÜYE omalısınız !
    [Alıntılarda kaynak gösterilmesi gerekir ...]
     
  2. YoRuMSuZ
    Avare

    YoRuMSuZ Biz işimize bakalım!

    Katılım:
    7 Haziran 2006
    Mesajlar:
    24.427
    Beğenileri:
    7.355
    Ödül Puanları:
    11.330
    Cinsiyet:
    Bay
    Banka:
    8.772 ÇTL
    Yukarıda anlatılanla dışın css dosyanızın kod bloklarına yazdığınız değerler de belli bir hiyerarşiyi izlemelidir. Doğru sıralama ile yazılmış css kodları tarayıcılar tarafından daha hızlı okunur.

    Örnek olarak doğru kodlar kullanılmış ancak düzensiz sıralanmış şu css kodlarını inceleyin.
    Kod:
      Kodları görebilmek için ÜYE omalısınız !
    Aynı kodların kod bloğunda doğru sıralanmış şekli...
    Kod:
      Kodları görebilmek için ÜYE omalısınız !
     
Benzer Konular:
Yüklüyor...

Sayfayı Paylaş