前端页面性能优化

 

1.write less do more 代码框架要稳定

2.JS 压缩、HTML 压缩

3.提取公共资源

4.提取 css 并压缩

5.使用大小正好的图片、图片压缩、使用雪碧图、使用字体图标

6.使用 CDN

7.CSS 属性读写分离、通过切换 class 或者 style.csstext 属性去批量操作元素样式

8.DOM 元素离线更新、将没用的元素设为不可见、压缩 DOM 的深度，一个渲染层内不要有过深的子元素

9.图片在渲染前指定大小或者让其脱离文档流