前端優化相關筆記

 

前端性能指標:

白屏時間

用戶可操作時間

總下載時間

首屏時間

核心業務可用時間


白屏時間:

DNS查找

TCP連接

發送請求

服務器響應

接收服務器內容

header靜態資源


白屏時間優化:

選用速度好的DNS服務器

JS CSS資源壓縮與合併

使用CDN

靜態資源緩存

啓用GZIP

JS放置在底部


 

首屏時間

監聽首屏內最後一張圖片onLoad事件

首屏時間特殊情況

背景圖片

沒有圖片

異步加載與渲染


首屏時間優化

去掉無意義的圖片

使用恰當的圖片格式

使用支持SPDY的服務器

靜態資源使用獨立域名,使用CDN

總下載時間:

監聽onLoad事件

 

 

 

 

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