优化的目的：提高用户体验，加快网页反应速度。
加载页面和静态资源
页面渲染
代码规范
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.资源的离线缓存
网友评论