funzione di disattivare JavaScript in base alle prestazioni del computer dell'utente

Question

mio sito web ha uno script jQuery (da Shadow animation jQuery plugin), che cambia costantemente il colore della scatola di ombra di vari <div> s sulla home page.

L'animazione non è essenziale, ma richiede molto tempo di CPU su macchine più lente.

È possibile sapere se lo script verrà eseguito "troppo lentamente"? Posso quindi disabilitarlo prima che incida sulle prestazioni.

Questa è anche una buona idea? In caso contrario, c'è un modo semplice per suddividere il jQuery animato?

Answer 1

Questo può risolvere indirettamente il problema. Scegli alcuni algoritmi e test delle prestazioni da questo sito http://dromaeo.com/ che sembrano simili al tuo plugin jQuery. Non eseguire test completi come fanno sul sito. Invece, scegli algoritmi abbastanza piccoli e veloci, e eseguili per un periodo di tempo trascurabile.

Utilizzare un intervallo di tempo predefinito per limitare il tempo di esecuzione di questi test. Diciamo che se l'intervallo è di 200 ms e su una macchina veloce con il browser A, puoi ottenere 100 iterazioni, mentre su una macchina di un utente casuale, è in grado di completare solo 5 iterazioni, quindi potresti prendere in considerazione la disattivazione sull'utente macchina. Tweak e tweak fino a trovare i numeri ottimali.

Come bonus, inviare tutti i risultati del test al server in modo da avere un'idea migliore di dove gli utenti si trovano nello spettro di velocità. Se la maggior parte degli utenti utilizza computer più lenti e browser meno recenti, può essere logico rimuoverli completamente.

Answer 2

Probabilmente è possibile farlo un po 'di volte attorno a un ciclo che ha elaborato intensamente il caricamento della pagina, ma questo rallenterà la pagina e aumenterà ulteriormente il carico della CPU, quindi non sembra un grande soluzione.

Un compromesso che ho usato in passato, però, era prendere una decisione in base alla versione del browser, ad esempio, gli utenti di Internet Explorer 6 ottengono contenuti più semplici mentre i nuovi browser con prestazioni JavaScript migliori ottengono l'animazione. Sembrava funzionare abbastanza bene a livello pratico. In pratica, la scelta del browser è un fattore importante nelle prestazioni di JavaScript e potresti ottenere un 90% di adattamento con ciò che desideri semplicemente semplicemente tenendo conto di ciò.

Answer 3

Si potrebbe fare qualcosa come $(window).width() per ottenere la larghezza del browser. Usando questo si può ipotizzare che tutto ciò che è largo a < 1024px sia un netbook, uno smartphone o un vecchio computer.

Questo non sarebbe accurato quanto un ciclo, ma molto più efficiente.

Ovviamente questa regola è una generalizzazione e ci saranno computer lenti con> 1024px. Ma in generale un computer 1024px + è in genere in grado di gestire un bel po 'di javascript (fino a quando il proprietario non carica un sacco di software, scansioni antivirus e barre degli strumenti del browser!)

spero che questo sia utile!