web前端頁面性能指標是什么

本篇內容介紹了“web前端頁面性能指標是什么”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

　　一、Apdex指數

　　作為與用戶直接溝通的入口，我們在考慮前端頁面性能指標的時候首先要考慮用戶體驗。而Apdex是對用戶體驗滿意度的量化值。
　　在完成一個任務之前，用戶需要等待它完成才能進行下一個任務，而這個等待時間的長短直接用戶的滿意程度，我們成這個時間長短為應用的“響應性”再次Apdex定義了三個滿意度區間：
　　滿意: 這樣的響應時間讓用戶感到很愉快，例如少于3秒鐘。
　　容忍: 慢了一點，但還可以接受，繼續這一應用過程，例如3～12秒。
　　失望: 太慢了，受不了了，用戶決定放棄這個應用，例如超過12秒。
　　然后通過甲酸公司得到一個評分，從而為管理、研發、運維人員提供一種應用性能量化值來評估用戶滿意度的方法?？尚泄ぞ撸篘ew Relic、OneAPM Browser Insight。

　　二、頁面響應時間

　　對于用戶而言，最關心的就是頁面相應時間，打開一個頁面所用的時間。很多前端性能工具對頁面響應時間這個指數只是簡單的在本地模擬下，也就是所謂的「撥測」；或者只是簡單的通過 window.performance。
　　從技術的角度講，一個頁面的打開時間也是要劃分為各個部分的，例如：首屏打開時間、白屏時間、dom文檔打開時間、資源加載完成時間等；也要重視資源加載耗時詳情，是哪些腳本或者 css 拖慢了頁面的加載這些都要一目了然。只有這樣，一旦頁面響應時間過長，相關人員才能有針對性的去進行維護?？尚泄ぞ撸篘ew Relic 、OneAPM Browser Insight 、AppDynamics 、Ruxit 。

　　三、DNS、TCP耗時

　　瀏覽器和 WEB 服務器連接 TCP/IP 的消耗時間以及域名解析時間也是網站優化需要關注指標。國內的網絡環境極其復雜，所以導致經常有 DNS，CDN 不給力的情況，TCP 的連接也經常會不穩定。之前國內外有些工具可以通過模擬撥測的方式來計算 DNS 耗時等數據，從用戶真實體驗的角度來收集這類耗時則顯得尤為必要，而現在能做好這一點的工具確實不多，給大家推薦幾個?？尚泄ぞ撸篛neAPM Browser Insight 、AppDynamics、Ruxit。

“web前端頁面性能指標是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！