İstemci bilgisayarda javascript ağır bir web sayfasının performansını nasıl ölçebilirim?

Question

jQuery (veya JS) ağır web sayfamın istemci bilgisayarların (ve dokunma aygıtlarının) CPU performansını sürükleyip etkilemediğini nasıl ölçer? Yüklenme süreleri/etc hakkında JS dosyalarının sayısına bağlı olduklarını sormuyorum. İstemci tarafı kaynak tüketimini ve varsa ilgili kararlılık sorunlarını soruyorum.

Spesifik olmak gerekirse: Bir görüntüyü sürekli olarak canlandırmak için jQuery döndürme işlevi ve wordpress şablonunda diğer jQuery tabanlı animasyonlu nesnelerin bir çiftini yerleştirdim.

Answer 1

Google Chrome gibi web tarayıcıları ile gelen webkit profiler (profil, denetim sekmesi) kullanabilirsiniz. Ayrıca, sayfa hızı ve hız izleyicisi gibi uzantılar gerçekten harika. Tüm tarayıcı işleminde, kullanıcı arabiriminde ne kadar zaman harcadığı, javascript vb. Yürütme gibi bir fikir edinebilirsiniz.

Answer 2

Bu iyi bir soru.

Tarayıcının kare hızını bildiren Eric'in aracını deneyebilirsiniz. Bu geliştirme sırasında test etmek istediğiniz bir şey mi, monitör gerçek müşterilerinden gelen geri bildirim varsa

http://churchm.ag/monitor-javascript-performance/

emin değilim. Yukarıdaki Javascript'i çalıştırmak mümkün olabilir ve arka plandaki bir şey vardır ve ardından bir ziyaretçinin performansını bildirmek için sunucuya AJAX mesajları gönderir.

Başka bir komut dosyası, CPU performansını ölçmeyi denedim, ancak ne kadar iyi olduğunu bilmiyorum.

http://blog.pothoven.net/2007/12/performance-based-web-app-functionality.html

Answer 3

Ben bir üretim sunucusuna kullanmaktan önermek olmaz, ama Kundakçı JavaScript performans analiz araçları vardır. http://getfirebug.com/javascript

Answer 4

Google Chrome Web Denetleyicisini, özellikle de "Profiller" panelini kullanabilirsiniz. İşte bunun üzerine biraz daha bilgi ...

http://jtaby.com/2012/04/23/modern-web-development-part-1.html#The%20Profiles%20Panel%20