web performance

最近在做一些關於 web 的效能測試，稍微紀錄一下所用的工具與方法，其實還有許多 test case 或 unit test 的工具與方法，但沒時間去逐一去試。

jsPerf — JavaScript performance playground

超實用的 javascript 效能測試，但 test case 不好寫，還在學習要如何去寫。

HTML5 test

測試各個 browser 對 HTML5 的支援度

JavaScript Benchmark

javascript 的跑分測試

timestamp

	//jQuery
	console.time("timerName");
	function();
	console.timeEnd("timerName");

view raw gistfile1.js hosted with ❤ by GitHub

	//javascript
	var startTime = new Date().getTime();
	function();
	var endTime = new Date().getTime();
	var totalTime = endTime - startTime;
	console.log("TotalTime:" + totalTime + "ms");

view raw gistfile2.js hosted with ❤ by GitHub

要注意的是 timestramp 的方法中，結束的時間必須是要測試的 function 結束，上例只是範例，部分的情況不會是用上例的寫法

這些測試都可在 mobile device 上測試