Uyumlu web’de gizlenen alanlardaki artalanları uçurmak

Mobilde her kilobaytın hesabı yapıldığı için ve masaüstüne göre nispeten daha yavaş bağlantılar nedeniyle uyumlu web çalışmalarında performan daha fazla önem kazanıyor.

Tasarım icabı mobilde gizlenecek alanlardaki artalan resimleri kaldırmamız bize avantaj sağlayacaktır.

  .logo {
    background: url(logo.png) 0 0 no-repeat;
  }
  
  @media (max-width: 979px) {
     .logo { 
        display: none;
     }
  }

yerine

  .logo {
    background: url(logo.png) 0 0 no-repeat;
  }
  
  @media (max-width: 979px) {
     .logo { 
        background-image: none
     }
  }

kullanımı bize performans olarak geri dönecektir.

Kaynaklar

Buna benzer yazıları posta kutunuzda ister misiniz?
İsminizi ve e-posta adresinizi yazın ve yayınladığım yazıları e-posta kutunuza yollayayım.
Kişisel bilgilerimi kendi isteğim ile paylaştığımı onaylıyorum.
Categories CSS