Sta impostando le dimensioni dell'immagine tramite la classe im im uguale alla classe img

Cercando di velocizzare il mio sito e corro nelle dimensioni dell'immagine specificate per evitare il riflusso e il ridimensionamento.Sta impostando le dimensioni dell'immagine tramite la classe im im uguale alla classe img

Se ho immagini in div con <div class="class"> .class img {height: xxxpx; width: xxxpx;}

Non sarebbe la stessa impostazione di dimensioni all'interno di <img class="class"> .class {height: xxxpx; width: xxxpx;}?

Basta chiedersi se funziona allo stesso modo di ottenere l'avviso di dimensioni dell'immagine specificata in gtmetrix.

fonte

2015-06-25 Techagesite

Penso che dovrebbe essere lo stesso, primo e secondo codice effetti immagine. Ma per mantenerli opitizzati è necessario salvare in PhotoShop ottimizzato. –

Devi ridimensionare le immagini sul lato server se vuoi ottimizzarle, altrimenti entrambi sopra hanno lo stesso effetto. – Muhammet

Sì, è lo stesso. E, puoi ignorare l'avviso di gtmetrix.

http://gtmetrix.com/specify-image-dimensions.html

Page Speed attualmente rileva solo le dimensioni delle immagini che sono specificati tramite attributi dell'immagine. Se si specificano le dimensioni tramite il codice CSS, si può tranquillamente ignorare questo consiglio.

fonte

2015-06-25 08:11:20

Ah bene, questo mi fa risparmiare un sacco di lavoro. Saluti. – Techagesite

Che dire della larghezza: auto; altezza: 100% ;. Come dovrebbe essere percepito? Sono al sicuro qui? – Techagesite

Sì, penso che vada bene anche a me. Il punto è di evitare "reflows" della pagina dopo che le immagini sono state caricate. Se il tuo layout rimane inserito durante l'intero processo di caricamento, sei a posto. –

Sta impostando le dimensioni dell'immagine tramite la classe im im uguale alla classe img

risposta

Problemi correlati