前端性能优化常见方法
2017-10-19 17:29
260 查看
常见的web前端性能优化的方法总结:
(1)减少http请求次数:CSS Sprites,JS、CSS源码压缩,控制图片大小;网页启用Gzip压缩,CDN托管,data缓存,图片服务器。
(2)前端模板JS+数据,减少由于HTML标签导致的带宽浪费,前端使用变量保存ajax请求结果,每次操作本地变量,减少请求次数
(3)用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能;
(4)当需要设置的样式很多时,设置className而不是直接操作style
(5)少用全局变量、缓存DOM节点查找的结果。减少IO读取操作
(6)避免使用CSS Expression(CSS表达式)
(7)图片预加载,将样式表放在顶部,将脚本放置与底部加上时间戳
(1)减少http请求次数:CSS Sprites,JS、CSS源码压缩,控制图片大小;网页启用Gzip压缩,CDN托管,data缓存,图片服务器。
(2)前端模板JS+数据,减少由于HTML标签导致的带宽浪费,前端使用变量保存ajax请求结果,每次操作本地变量,减少请求次数
(3)用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能;
(4)当需要设置的样式很多时,设置className而不是直接操作style
(5)少用全局变量、缓存DOM节点查找的结果。减少IO读取操作
(6)避免使用CSS Expression(CSS表达式)
(7)图片预加载,将样式表放在顶部,将脚本放置与底部加上时间戳
相关文章推荐
- 常见的前端性能优化方法
- WEB前端性能优化常见方法
- WEB前端性能优化常见方法
- 前端性能优化:高频执行事件/方法的防抖
- SQL常见优化Sql查询性能的方法有哪些?
- 【iOS开发】25种常见的APP性能优化方法
- 前端开发中常见的性能优化
- 优化web前端性能的几个方法
- 前端性能优化之视频优化方法
- 前端性能优化方法之重排Reflow/Repaint
- 进行前端性能优化几种常用的方法。
- 传说中的军规:网站前端和后台性能优化的34条经验和方法
- 前端常见的性能优化手段
- Java性能优化的策略和常见方法(一)
- 网站前端和后台性能优化的34条宝贵经验和方法
- 前端性能优化方法
- Java性能优化的策略和常见方法
- Java性能优化的策略和常见方法(一)
- 有关Java性能优化方面的策略和常见方法
- web前端性能优化的方法