您现在的位置:首页 >> 前端 >> 内容

网页性能优化方案整理

时间:2017/3/27 9:55:00 点击:

  核心提示:网页性能优化方案整理(1)减少http请求次数:可以合并CSS样式和JS样式,进行源码压缩,图片大小进行合适的控制,可以用网页Gzip压缩检测,(2)CDN托管:内容分发网络其基本思路是尽可能避开互联...

网页性能优化方案整理

(1)减少http请求次数:

可以合并CSS样式和JS样式,进行源码压缩,图片大小进行合适的控制,可以用网页Gzip压缩检测,

(2)CDN托管:

内容分发网络其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。可以进行本地Cache加速 提高了企业站点(尤其含有大量图片和静态页面站点)的访问速度,并大大提高以上性质站点的稳定性 。

(3)用innerHTML代替DOM操作,减少DOM操作次数,优化JS性能

(4)当需要设置的样式很多时设置className而不是直接操作style

(5)少用局部变量,缓存DOM节点查找的结果,减少IO读取操作

(6)避免使用CSS Expression动态属性:

因为CSS表达式太强大了,以至于CSS表达式带来的严重的性能问题:“为了确保有效性,CSS表达式会进行频繁的求值”,到底有多频繁?就是在你改变窗口大小,滚动页面甚至移动鼠标都会触发表达式进行求值,如此频繁的求值以至于浏览器的性能收到严重的影响;

(7)图片预加载,将样式表放在顶部,将脚本放在底部,加上时间戳。

作者:网络 来源:qq_3769703