-
渲染优化： 主要是布局 注意重绘重排
渲染性能： 减少重排的操作。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进行，可以进行多个请求
查看全部 -
加载性能优化
首屏加载时间-图片懒加载(getBoundingClientRect(), new IntersectionObservcer(function(enteries){
}));
计算图片在页面上显示时，再进行展示
查看全部 -
性能优化方案
查看全部 -
url输入到页面渲染流程图
查看全部 -
解决前端开发性能问题 招式——》具体的性能优化方案 内力——》理解页面生命周期 就能成为“性能高手”
查看全部 -
懒加载方案一
查看全部 -
优化
查看全部 -
优化
查看全部 -
链路流转
查看全部 -
44444
查看全部 -
图片懒加载的两种方案：
方案一 getBoundingClientRect
方案二 Intersection Observer
查看全部
举报
0/150
提交
取消