欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Web前端优化tips

程序员文章站 2024-01-13 17:09:58
...

 

      1.   css 顶部,js底部
      2.   js,css进行压缩
      3.   CDN静态文件
      4.   缓存
      5.   图片合并,css sprite
  1. 尽量定高,避免高度改变导致重新渲染
  2. img设定尺寸,防止高度变化
  3. 使用页面模板, <scirpt type='text/html'></script>
  4. 使用font icon
  5. 使用css3, gradient+filter
  6. css class复用,减少字符和统一性 .span1   .full-height
  7. 延迟初始化, 事件监听
  8. ajax 异步加载部分数据
  9. 减少遍历DOM
  10. 减少事件绑定
  11. 尽量使用元素特性,form的submit和reset, placeholder
  12. 使用模块加载机制,js文件的延迟加载