Sto creando un'applicazione web visivamente enorme. Sto parlando di 2 milioni di pixel di larghezza e 2 milioni di pixel di altezza (circa).
Il mio obiettivo è mostrare i punti che cambiano in modo dinamico in tutto il sito. Per motivi di caricamento, sarebbe meglio caricare un'unica grande immagine di bassa qualità per ogni schermata? o mostra circa 2000 elementi HTML per schermata?
Ho circa 255 "sezioni" sul sito, ogni sezione è di 120,390 px quadrati. Ho solo mostrato la sezione corretta sullo schermo, il che significa che vedrei solo 4 sezioni alla volta. All'interno di queste sezioni ho piccoli punti che sono circa 30px quadrati. ogni quadratino viene estratto da un database per ottenere il colore, che potrebbe potenzialmente cambiare in qualsiasi momento. Ma questi quadrati vengono tirati solo quando la vista dell'utente va lì. Quindi al massimo mostrerebbe circa 2-3000 quadrati.
Ancora, sarebbe meno potenza di elaborazione e più veloce caricare una singola immagine (diciamo che l'immagine è larga circa 5000px, con i colori su di essa, sarebbe di circa 50k a bassa qualità) o sarebbe più veloce / migliore caricare ogni quadrato individualmente?