前端优化

优化的目的：提高用户体验，加快网页反应速度。

加载页面和静态资源

页面渲染

代码规范

1、CSS放前面，JS放后面（减少白屏时间）

2、合并CSS和JS、雪碧图/base64（http请求大约占据了页面加载速度的80%之多，所以减少http请求是重中之重）

3、静态资源缓存

4、按需加载资源（常用的，Vue组件的懒加载）
懒加载（图片懒加载，下拉加载更多）

5、减少DOM操作，多个操作尽量合并在一起执行，缓存DOM查询
6、合并DOM插入

7、事件委托

8、使用CDN让资源加载更快

9、使用SSR后端渲染，数据直接输出到HTML中（现在Vue，React提出了这样的概念，它们默认是没有后端渲染的，其实在早起JSP，PHP，ASP都是属于后端渲染是直接将数据输出到浏览器无需通过ajax动态渲染）

1.优化下html标签嵌套结构，

2.优化一下http请求方式，

3.减少第三方框架引入，

4.优化js逻辑，

5.压缩源代码以减小web包的大小，

6.模块化项目结构以减少重复代码

7.资源的离线缓存