前端开发的优化问题

  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 布局慢。

猜你喜欢

转载自blog.csdn.net/weixin_43627806/article/details/89893068