Eğer bir resim etiketi ile görüntülemek için gidiyorum bir görüntü genişliği ve yüksekliği biliyorum, yükseklik ve genişlik öznitelikleri dahil etmeli miyim, yoksa sadece CSS bilgi koymak? Ya da her ikisi?

Ex.

<img src="profilepic.jpg" height="64" width="64" />

ya

<img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" />

ya

<img src="profilepic.jpg" style="height: 64px; width: 64px;" />

Google Page Speed göre her zaman genişliğini tanımlayın ve resim etiketinde yükseklik gerekir. Ama, stil etiket kullanamazsın doğrulamak için.

Ayrıca, her zaman tarayıcı herhangi bir değişiklik yapmak için yeniden boyutlandırma gibi yok bu yüzden aynı yükseklikte belirtmek ve gerçek görüntü olarak genişliği.

Bunu öneririm

<img src="..." height="20" width="50">

Düzenleme:Birisi daha hızlı herhangi bir öznitelik eklemek için değil olacağını yorum olarak önerdi. Google (son tarayıcı bilginin tümü) göre:

Eğer boyutları içeren belgede belirtilmemişse veya belirtilen Boyutlar gerçek görüntüler bu maç yok eğer doğru değilse, tarayıcı görüntüleri yüklenir kez bir yeniden gerektirir ve çizilecek. Akıtılır önlemek için, tüm görüntü genişliği ve yüksekliği, ya da CSS HTML etiketi veya belirtin. - Read More

, Img CSS boyutları, ama bir CSS dosyası yapmak gerekir doğrulamak için yapabileceğin göz önüne alındığında, satır içi.

BTW, Google Sayfa Hızı ipuçları daha hızlı sayfa render odaklı bir dizi.