前端性能測試關注什麼

這裏的前端指 web

一、HTTP 請求過程

http協議是基於傳輸層的TCP協議,請求報文和應答報文的格式可以自行百度。

二、前端性能優化方法

1. 合併圖片:減少http請求數,或利用緩存提升性能

2. 合併壓縮 css 樣式表和 js 腳本

3. 取掉不必要請求

4. 充分利用緩存,這裏特指瀏覽器的緩存

5. 圖片優化:圖片延遲加載;對不同格式圖片上線前進行一定的優化;圖片延遲加載

6. 利用 cdn:內容分發網絡

7. 開啓 gzip:壓縮資源文件,讓傳輸速度更快

8. 樣式表和 js 文件的優化:eg:css頁面頭部,儘早顯示頁面元素

三、前端性能測試工具

firebug、htttpwatch、yslow

非侵入式:showslow,收集前端性能指標並展示

侵入式:打點統計

四、前端性能指標

白屏時間、首屏時間、用戶可操作時間、頁面總下載時間

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章