-
渲染優化： 主要是布局 注意重繪重排
渲染性能： 減少重排的操作。dom元素幾何屬性的修改，增加刪除 移動dom節點。 獲得特定屬性值 例如offsetTop scrollTop等
查看全部 -
qing'zh
查看全部 -
緩存性能優化
共享緩存
瀏覽器緩存（私有緩存）
查看全部 -
渲染性能優化
瀏覽器渲染進程
減少頁面重排操作
避免樣式頻繁修改
動畫優化
setTimeout-16.6ms可能會造成卡頓；
requestAnimation-瀏覽器隱藏時會停止動畫（減少cpu的開銷）；
節流（以一定時間間隔頻率進行事件觸發）&防抖（一段時間內多次觸發的時間只執行一次）；
Web Work 多線程
不能訪問js DOM
大量計算 以及同時渲染DOM時
查看全部 -
? ?代碼壓縮的原理
webpack代碼壓縮js
webpack代碼壓縮css
構建優化-資源合并
是否把所有的js資源都合并到同一個js文件中？
否
js文件過大，首屏加載速度變慢
無法有效的利用瀏覽器的緩存功能，業務代碼改動造成整個js文件改動
http2.0協議升級 進行一次tcp進行，可以進行多個請求
查看全部 -
性能優化方案
查看全部 -
url輸入到頁面渲染流程圖
查看全部 -
壓縮CSS
查看全部 -
壓縮JS 基于webpack5
查看全部 -
構建性能優化方法涉及點
查看全部 -
圖片懶加載方法2
查看全部 -
圖片懶加載方法1
查看全部 -
前端一些優化方法
查看全部 -
頁面生命周期-性能分析方案
查看全部 -
生命周期鏈路圖前端
查看全部
舉報
0/150
提交
取消