雅虎 14 条性能优化原则

(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 表达式)又称Dynamic properties(动态属性)。
(7) 图片预加载,将样式表放在顶部,将脚本放在底部 加上时间戳。
(8) 避免在页面的主体布局中使用 table,table 要等其中的内容完全下载之后才会显示出
来,显示比div+css 布局慢。
原文地址:https://www.cnblogs.com/crazy-rock/p/14375362.html