- 博客(2)
- 收藏
- 关注
RSS订阅原创 前端优化——css渲染性能
4. 使用3D硬件加速提升动画性能时，最好给元素增加一个z-index属性，人为干扰复合层的排序，可以有效减少chrome创建不必要的复合层，提升渲染性能，移动端优化效果尤为明显。如css3 3d transforms, css3 transitions, opacity。如: div ul li span i {color: blue;3. 尽量避免使用占用过多cpu和内存的属性。3. 尽量避免使用正则的属性选择器。4. 尽量避免使用耗电量大的属性。1. 尽量避免使用css表达式。
2023-12-11 21:12:19
144
1
原创 前端优化方案——加载策略
定义: 可以使用预加载让浏览器来预先加载某些资源(图片,js/css/模板),而这些资源是在将来才会被使用到的.简单来说,就是将所需资源提前加载到浏览器本地,这样后面在需要使用的时候就可以直接从浏览器缓存中取了,而不用再重新开始加载.定义: 懒加载也叫延迟加载,指的是长网页中延迟加载特定元素(可以是图片,也可以是js/css文件,当然也可以是JavaScript的特定函数和方法,以下简称’懒加载元素’)1. 常规按需加载 (js原生,jquery)2. 不同app按需加载(js-sdk)
2023-12-10 19:10:42
131
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人