web性能是什么呢？
簡單來說就是咱們的專案打開的快不快，舉以下幾個例子
- 表單提交
- 串列切換
- 影片的流程性
- 打開速度
MDN上對web性能的定義則是Web性能是網站或應用程式的客觀度量和可感知的用戶體驗，所以咱們可以從以下幾個方面出發
- 加載速度
- 互動和平滑性
- 感知表現
性能優化流程
-
確定優化指標：做性能優化必須確定標準，如果沒有確定標準，我們就無法知道做到什么程度才是合適的，有可能你自我認為性能已經做的很好了，但是從用戶角度來看的實際體驗卻很糟糕,這就是沒有達到目的，
如果做的過度其實就是人力和收益不成正比，例如加載時間，已經是達到一個極致了，你還要繼續優化，例如縮減1ms，但是實際上收益不大，那么此時我們就應該轉換戰線 -
利用專業的測驗工具去客觀的、量化的評估網站的性能：這些工具可以幫我們準確的去評估，獲得更多對我們有用的資料，而如果單單通過肉眼去觀察的話，那么實際上獲取的資料就是很少的
例如網站加載慢，你所認為的慢其實就是等待時間長，那如果是等待時間長，那我們是不是可以考慮加點影片，讓等待時間看起來并不是那么的長，但是除了這個，你沒有獲得更多的一些對你有用的資料呢
而且對于不同人來說，有些人覺得慢，有些人覺得還行，那這時候你就要展示你獲得的資料去證實你的觀點，用資料說話往往是最有力的 -
基于網站頁面的生命周期，去分析造成性能差的客觀原因，而不是說主觀的自我感覺，還是一句話拿資料說話
-
基于上一步定位到的原因，去找到收益最高的技術方案進行改造（這一步的話主要看自身專案的業務場景和需求了）
-
持續改進：很多東西不是一蹴而就的，不是說一天你就能把這個給優化的很好，畢竟我們程式猿也是人嘛，考慮的方面也會有些許欠缺，這是一個漸進式的一個程序，特別是對于一些巨石專案
性能優化指標
RAIL 性能模型：
RAIL 是 Response, Animation, Idle, 和 Load 的首字母縮寫, 是一種由 Google Chrome 團隊與 2015 年提出的性能模型， 用于提升瀏覽器內的用戶體驗和性能. RAIL 模型的理念是 "以用戶為中心；”最終目標不是讓您的網站在任何特定設備上都能運行很快，而是使用戶滿意基于用戶體驗的性能指標：
基于用戶體驗的性能指標是 Google Chrome 團隊與 2019年提出的（https://web.dev/i18n/zh/user-centric-performance-metrics/），簡單來說其實就是精確指標，例如：我們說網站加載慢，那么用應該用哪些指標去衡量它慢
測量工具
下面推薦幾款非常好用測量工具，用起來！
-
webPageTest： 免費并且專業 https://www.webpagetest.org/ 功能強大，可以設定不同瀏覽器、不同地區等等，十分推薦
-
chrome devtools：瀏覽器任務行程管理、performance看板、memory看板等等
-
lightHouse：可以評估網站分數，還會得出指標評分以及建議
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/500757.html
標籤：其他
上一篇：第三講 Linux測驗