HTML Chrome Denetimi Resim Boyutlarını Belirle

Question

Bazı basit html web siteleri için chrome geliştirici araçlarını kullanmaya başladım ve denetim aracını kullandım.

İki özdeş resimim vardı, biri yükseklik ve genişlik özelliğine sahip, diğeri de yok. Kaynaklar bölümünde, hem gecikme hem de indirme süresi aynıydı. Ancak, Denetim

Specify image dimensions (1) A width and height should be specified for all images in order to speed up page display.

bu aslında yardımcı olur mu

gösterdi? Ve sayfa süresini hızlandırmak için başka yollar var mı?

Bu, yalnızca oluşturduğum web sitesi için bir açılış sayfası ve yalnızca html, css veya javascript veya başka bir şey. Zaten görüntüleri sıkıştırdım ama yükleme süresini daha da hızlandırmak istiyorum. Bir yolu var mı?

Answer 1

Genel olarak konuşursak: Görüntü boyutlarını <img> etiketinde belirtirseniz, tarayıcı bunun için ne kadar alan ayıracağını bilir ve aynı anda görüntüyü indirirken sayfanın geri kalanını oluşturmaya devam eder. Aksi takdirde, tarayıcının, sayfanın geri kalanını oluşturmadan önce görüntünün boyutunu görüntünün büyüklüğünü elde etmek için birkaç milisaniye beklemesi gerekecektir.

Yalnızca bir açılış sayfanız olduğundan, tarayıcının işlenebilmesi için başka bir şey olacağını sanıyorum, bu nedenle boyut belirleyip belirlemediğiniz önemli değil.