Immagini, width e height: le dimensioni contano

In questi giorni ho letto interessanti post sulla velocità di caricamento delle pagine web. Si sa che sul caricamento della pagina web incidono soprattutto i componenti multimediali di qualsiasi natura. Per quanto riguarda le immagini credo sia buona norma, in fase di ottimizzazione, specificare le dimensioni delle stesse mediante gli attributi �width� ed �height� La loro funzione fondamentale è quella di consentire un più rapido ed efficace caricamento della pagina web.

Essi, infatti, dettano al browser le dimensioni delle immagini, consentendogli di costruire in maniera corretta il layout della pagina (evitando che gli elementi vengano �sballottati� prima della loro collocazione definitiva) e di continuare il download degli altri elementi in attesa del caricamento completo dell�immagine stessa (ad esempio, procedendo al caricamento della parte testuale, che è più veloce da completare).

L�utilizzo corretto di questi due attributi consente agli utenti, soprattutto quelli con vecchie connessioni ad internet, di poter tranquillamente leggere la notizia, la scheda prodotto in attesa del caricamento dell�immagine evitando noiose attese, soprattutto per immagini di grandi dimensioni o in caso di connessione lenta.

In sintesi possiamo dire che questi attributi velocizzano il caricamento della pagina web consentendo un download contemporaneo della componente grafica e testuale e soprattutto facilitano il caricamento della pagina web consentendo all’utente di ottimizzare i tempi di navigazione evitando quel senso di disorientamento che si genera nell’utente in fase di download delle varie parti del sito web.