在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 怎么樣從技術(shù)角度去評(píng)判一個(gè)web頁面的性能

怎么樣從技術(shù)角度去評(píng)判一個(gè)web頁面的性能

這個(gè)問題如果從主觀方面去解答無非就是，網(wǎng)頁加載快不快啊，頁面渲染效果流暢不流暢啊，數(shù)據(jù)的更新快不快啊

但是前端需要從技術(shù)角度去分析（也就是具體數(shù)據(jù)）web頁面的性能，也好對(duì)其最初針對(duì)性優(yōu)化

自己理解的是：1 監(jiān)聽頁面的dom加載的時(shí)間 2監(jiān)聽ajax等請(qǐng)求的時(shí)間，錯(cuò)誤碼出現(xiàn)的頻率等 3 如果是框架類似vue，也可以在其中包裝一些方法去監(jiān)聽加載的進(jìn)度等等

然后根據(jù)這些數(shù)據(jù)分析，所以想請(qǐng)教下比較完善的頁面分析邏輯和實(shí)現(xiàn)步驟（寫完后感覺在問web性能分析第三方系統(tǒng)是怎么實(shí)現(xiàn)的。。。）

回答
編輯回答
寫榮

1、頁面加載時(shí)間

從頁面開始加載到頁面onload事件觸發(fā)的時(shí)間。一般來說onload觸發(fā)代表著直接通過HTML引用的CSS，JS，圖片資源已經(jīng)完全加載完畢。

2、全部頁面加載時(shí)間

全部頁面載入時(shí)間指從最初啟動(dòng)瀏覽開始，直到所有元素都被加載完成后，在2秒后仍然沒有網(wǎng)絡(luò)活動(dòng)的時(shí)間。

3、首字節(jié)時(shí)間

從開始加載到收到服務(wù)器返回?cái)?shù)據(jù)的第一字節(jié)的時(shí)間
達(dá)標(biāo)時(shí)間=DNS解析時(shí)間+創(chuàng)建連接時(shí)間+SSL認(rèn)證時(shí)間+100ms. 比達(dá)標(biāo)時(shí)間每慢10ms減1分.

4、使用長(zhǎng)連接

連接視圖展現(xiàn)了頁面加載過程中創(chuàng)建的（keepalive）連接，以及通過每個(gè)連接所加載的資源。

5、DNS時(shí)間

進(jìn)行域名解析所需要的時(shí)間

6、TCP時(shí)間
客戶端建立連接的時(shí)間
7、HTTP網(wǎng)頁
頁面渲染、下載速度、頁面流暢度

2017年7月9日 13:51
編輯回答
怣人

什么首屏打開時(shí)間、dom文檔解析時(shí)間、頁面內(nèi)的資源加載時(shí)間、用戶交互點(diǎn)的數(shù)據(jù)統(tǒng)計(jì)等等鏈接描述

2017年8月14日 00:35