前端项目中教你如何优化自己的代码

 1、HTML结构要清晰，尽可能使用语义化标签

2、减少外部HTTP请求

3、 压缩 CSS, JS 和 HTML

4、使用 CDN 和缓存提高速度

5、尽量使用使用轻量级框架

6、使用异步加载，延迟加载依赖

7、尽可能使用CSS3动画，相比JavaScript驱动的动画效率更高

8、使用事件委托，防止绑定不必要的大量事件

9、公用的css和js尽量写成公共样式/函数来条调用

10、控制DOM大小，清除多余的DOM节点

11、链接CSS，避免使用@import,避免CSS表达式

12、CSS Sprites雪碧图、icon图标，base64图片

13、尽量合并样式表和js，减少请求次数

14、Html标签、css类名、js变量命名尽量规范，见名知意。

15、将样式表放在头部,脚本放在底部