web 各個優(yōu)化指標，提高你得網站性能，以及動畫性能
| 名稱 | 簡寫 | 含義 | 優(yōu)化點 | 造成常見原因 | 如何改善 |
|---|---|---|---|---|---|
| Largest Contentful Paint | LCP | Web頁主要內容的加載速度，衡量加載體驗：為了提供良好的用戶體驗，LCP應該在頁面首次開始加載后的2.5秒內發(fā)生。 | 1，img元素 2，image中的svg元素 3，video元素 4，通過url函數加載背景圖片的元素 5，包含文本節(jié)點或者其他內連文本元素子級的塊級元素 |
1，服務器響應時間慢 2，阻斷渲染的js和css 3，資源加載時間慢 4，客戶端渲染 |
1，優(yōu)化服務器 2，緩存離線頁面，緩存頁面資源，減少瀏覽器對資源的請求 3，圖片使用jpg或webp的格式，降低圖片大小，`fetchpriority=“high”（這個是提高加載優(yōu)先級的）屬性添加給最重要的圖像元素： |
| Cumulative Layout Shift | CLS | 累積布局偏移是指一個頁面的布局在加載時的偏移程度 | 1，不要使用無尺寸元素 2，圖像和視頻等元素上始終需要包括width和height尺寸屬性， |
||
| First Input Delay | FID | 衡量可交互性，為了提供良好的用戶體驗，頁面的FID應當小于100毫秒。 | 1，縮小并壓縮JavaScript文件 2，延遲加載首屏不需要的JavaScript 3，盡量減少未使用的polyfill（polyfill：用于實現瀏覽器并不支持的原生API的代碼） |
||
| Interaction to Next Paint | INP | 用于衡量對頁面上用戶交互的整體響應能力 | 1，交互式元素的任何鼠標單擊，在包括觸摸屏的任何設備上點擊交互元素。按物理鍵盤或屏幕鍵盤上的鍵。 2， |
LCP,FID,CLS評判標準
| 指標 | 優(yōu)秀 | 一般 | 不好的 | 期望覆蓋率 |
|---|---|---|---|---|
| LCP | <2.5S | <4s | >=4s | 75% |
| FID | <100MS | <300MS | >=300MS | 95~99% |
| CLS | <0.1S | <0.25S | >=0.25S | 75% |
推薦插件：Bulk Image Downloader，需要翻墻從谷歌應用商店安裝。但是也可以搜百度安裝文章來源地址http://www.zghlxwxcb.cn/news/detail-535271.html
文章來源：http://www.zghlxwxcb.cn/news/detail-535271.html
到了這里，關于web 各個優(yōu)化指標，提高你得網站性能，以及動畫性能的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
