Strumento di monitoraggio delle prestazioni e delle prestazioni di canvas HTML5 per Javascript

Question

Strumento di monitoraggio delle prestazioni e delle prestazioni di canvas HTML5 per Javascript

#1 da (2 voti)
#2 da (1 voti)

1

Ho creato un programma in JavaScript e in HTML5 e mi chiedo cosa succede quando disegni una forma su una determinata posizione della tela, quindi disegna un'altra forma sullo stesso oggetto. Consuma più memoria perché sto disegnando un nuovo oggetto uno sopra l'altro? (Al momento, il processo di rendering del mio programma non è così veloce, presumo sia dovuto al fatto che sto disegnando un nuovo oggetto sopra il vecchio oggetto, giusto?). Inoltre, voglio sapere che tipo di strumenti di monitoraggio delle prestazioni sono disponibili per i programmi Javascript. Voglio capire quale frammento del mio programma consuma più memoria in modo da ottimizzare quel particolare processo per essere più veloce. Grazie.

javascript

posta Jason 10.07.2013 - 08:41

fonte

2 risposte

Leggi altre domande sui tag javascript

Vantaggio dell'ordinamento unione a 2 vie contro n-way Tipo di oggetto di lavoro per il refactoring dei metodi duplicati (ovvero trasformandoli in 1)

score 2 · Answer 1

Does it consume more memory because I am drawing new object on top of each others?

Molto improbabile. Una tela è tecnicamente solo una matrice bidimensionale di pixel. Quando si disegna un rettangolo blu sulla tela, si cambiano semplicemente i valori dei colori dei pixel che erano lì prima. I vecchi valori di colore dei pixel interessati vengono persi. L'informazione che questi pixel ora blu appartengono a un oggetto rettangolo non è nemmeno salvata. Sono solo valori cromatici senza relazione speciale tra loro.

score 1 · Answer 2

Utilizza, ad esempio, gli strumenti per sviluppatori di Google Chrome, vedi: link

Sembra che questo non sia stato discusso molto su programmers.SE ma sullo scambio di stack è possibile trovare molti strumenti e metodi pratici per eseguire questa operazione.

Generalmente Google Chrome è un buon strumento per questo, ma non è cross-browser. Quindi, se le prestazioni in altri browser dovrebbero essere altrettanto buone date un'occhiata agli strumenti specifici per quei browser (cercate profiler / performance profiler / etc).

Esistono anche strumenti basati su JS (non sono sicuro di quanto siano accurati dal momento che misurano dall'interno del motore javascript):

link