HTML Chrome Audit Specificare le dimensioni dell'immagine

Question

Ho appena iniziato a utilizzare gli strumenti di sviluppo di Chrome per alcuni siti Web di base html e ho utilizzato lo strumento di controllo.

Avevo due immagini identiche, una con l'attributo altezza e larghezza e una senza. Nella sezione Risorse, sia la latenza che il tempo di download erano identici. Tuttavia, il controllo ha evidenziato

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

Questo effettivamente aiutare? E ci sono altri modi per accelerare il tempo della pagina?

Questa è solo una pagina iniziale per il sito Web che sto costruendo e come tale è solo html, no css o javascript o altro. Ho già compresso le immagini ma voglio accelerare ulteriormente il tempo di caricamento. C'è un modo?

Answer 1

In generale: se si specificano le dimensioni dell'immagine nel tag <img>, il browser saprà quanto spazio assegnare e continuerà a eseguire il rendering del resto della pagina scaricando contemporaneamente l'immagine. Altrimenti, il browser dovrà attendere qualche altro millisecondo per ottenere la dimensione dell'immagine dall'immagine stessa prima di mostrare il resto della pagina.

Dato che si dispone solo di una pagina iniziale, dubito che ci sia qualcos'altro da rendere per il browser, quindi non importa se si specificano o meno le dimensioni.