對前端性能測試工具還不了解，在請教了旁邊的前端同事后學習到了簡單的工具，在這里總結下。
前端的性能測試測什么？
以下是復制：
- 渲染引擎工作流
-
dom樹構建：從html標簽的解析開始，將各種標簽解析為dom樹中的各個節點，標簽和dom樹的中的節點是一一對應關系。
-
渲染樹構建：將CSS和style標簽中的樣式信息解析為渲染樹，渲染樹由一些包含有顏色和大小等屬性的矩形組成，它們將被按照正確的順序顯示到屏幕上。
-
渲染樹布局和繪制：渲染樹確定各個dom節點在屏幕中單確切位置，根據渲染樹中的顏色等信息繪制出網頁。
值得注意的是，這個過程是逐步完成的，為了更好的用戶體驗，渲染引擎將會盡可能早的將內容呈現到屏幕上，並不會等到所有的html都解析完成之后再去構建和布局渲染樹。它是解析完一部分內容就顯示一部分內容，同時，可能還在通過網絡下載其余內容。
所以前端性能測試的重點之一，在於資源下載及渲染。
當當當~ 工具出場了~
其實很多瀏覽器自帶的開發者工具已經很好的完成了這個功能，比如chrome, 只是用命令行看起來高大上一點。
https://github.com/pod4g/hiper
推薦下這個，支付寶的前端開發做的