本篇內(nèi)容介紹了“web前端頁(yè)面性能指標(biāo)是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
一、Apdex指數(shù)
作為與用戶直接溝通的入口，我們?cè)诳紤]前端頁(yè)面性能指標(biāo)的時(shí)候首先要考慮用戶體驗(yàn)。而Apdex是對(duì)用戶體驗(yàn)滿意度的量化值。
在完成一個(gè)任務(wù)之前，用戶需要等待它完成才能進(jìn)行下一個(gè)任務(wù)，而這個(gè)等待時(shí)間的長(zhǎng)短直接用戶的滿意程度，我們成這個(gè)時(shí)間長(zhǎng)短為應(yīng)用的“響應(yīng)性”再次Apdex定義了三個(gè)滿意度區(qū)間：
滿意: 這樣的響應(yīng)時(shí)間讓用戶感到很愉快，例如少于3秒鐘。
容忍: 慢了一點(diǎn)，但還可以接受，繼續(xù)這一應(yīng)用過(guò)程，例如3～12秒。
失望: 太慢了，受不了了，用戶決定放棄這個(gè)應(yīng)用，例如超過(guò)12秒。
然后通過(guò)甲酸公司得到一個(gè)評(píng)分，從而為管理、研發(fā)、運(yùn)維人員提供一種應(yīng)用性能量化值來(lái)評(píng)估用戶滿意度的方法。可行工具：New Relic、OneAPM Browser Insight。
二、頁(yè)面響應(yīng)時(shí)間
對(duì)于用戶而言，最關(guān)心的就是頁(yè)面相應(yīng)時(shí)間，打開(kāi)一個(gè)頁(yè)面所用的時(shí)間。很多前端性能工具對(duì)頁(yè)面響應(yīng)時(shí)間這個(gè)指數(shù)只是簡(jiǎn)單的在本地模擬下，也就是所謂的「撥測(cè)」；或者只是簡(jiǎn)單的通過(guò) window.performance。
從技術(shù)的角度講，一個(gè)頁(yè)面的打開(kāi)時(shí)間也是要?jiǎng)澐譃楦鱾€(gè)部分的，例如：首屏打開(kāi)時(shí)間、白屏?xí)r間、dom文檔打開(kāi)時(shí)間、資源加載完成時(shí)間等；也要重視資源加載耗時(shí)詳情，是哪些腳本或者 css 拖慢了頁(yè)面的加載這些都要一目了然。只有這樣，一旦頁(yè)面響應(yīng)時(shí)間過(guò)長(zhǎng)，相關(guān)人員才能有針對(duì)性的去進(jìn)行維護(hù)?？尚泄ぞ撸篘ew Relic 、OneAPM Browser Insight 、AppDynamics 、Ruxit 。
三、DNS、TCP耗時(shí)
瀏覽器和 WEB 服務(wù)器連接 TCP/IP 的消耗時(shí)間以及域名解析時(shí)間也是網(wǎng)站優(yōu)化需要關(guān)注指標(biāo)。國(guó)內(nèi)的網(wǎng)絡(luò)環(huán)境極其復(fù)雜，所以導(dǎo)致經(jīng)常有 DNS，CDN 不給力的情況，TCP 的連接也經(jīng)常會(huì)不穩(wěn)定。之前國(guó)內(nèi)外有些工具可以通過(guò)模擬撥測(cè)的方式來(lái)計(jì)算 DNS 耗時(shí)等數(shù)據(jù)，從用戶真實(shí)體驗(yàn)的角度來(lái)收集這類(lèi)耗時(shí)則顯得尤為必要，而現(xiàn)在能做好這一點(diǎn)的工具確實(shí)不多，給大家推薦幾個(gè)?？尚泄ぞ撸篛neAPM Browser Insight 、AppDynamics、Ruxit。
“web前端頁(yè)面性能指標(biāo)是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
重慶分公司
重慶分公司
