Prestazioni di modifica di img src tramite jQuery o aggiunta come classe

0

Sfondo Recentemente ho fatto un po 'di manipolazione delle immagini in PHP / JS. La funzionalità di base è tale: La pagina Web viene caricata, un tag <img> punta a uno script PHP che genera un'immagine "al volo". Interagire con le varie parti della pagina modifica src tramite .attr('src', 'newsrc') di jQuery.

Avevo pensato di inserire l'immagine come immagine di sfondo sul div e di usare jQuery addClass() per cambiare l'immagine, ma jQuery sembrava l'opzione migliore. La mia domanda è, quale sarebbe più veloce? Ho eseguito alcuni test e entrambi hanno le stesse prestazioni, tuttavia mi chiedo che dovrebbe essere il metodo più veloce.

    
posta ScottMcGready 04.05.2016 - 21:57
fonte

1 risposta

3

Tecnicamente, non esiste un'alternativa più veloce o più lenta: è la stessa richiesta per la stessa risorsa e l'elaborazione e l'invio dell'immagine richiederebbe molto più tempo rispetto alla visualizzazione sul lato client.

L'unica differenza è la percezione dell'utente, con una differenza importante tra <img> e background-image . Se <img> non specifica la larghezza e l'altezza, dopo che l'immagine è stata caricata, <img> si espanderà, forzando di solito il re-flusso della pagina. Ciò non avverrà con background-image .

Ovviamente, se conosci la dimensione dell'immagine, puoi specificare la larghezza e l'altezza dell'elemento <img> . Se non conosci la dimensione dell'immagine, sarebbe difficile definire correttamente l'elemento <div> .

    
risposta data 04.05.2016 - 22:14
fonte

Leggi altre domande sui tag