优化的目的：提高用户体验，加快网页反应速度。
加载页面和静态资源
页面渲染
代码规范
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.资源的离线缓存
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（上）...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（中）...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 为什么要进行前端性能...
前端性能优化问题是每个前端需要掌握的技术。这篇文章从渲染优化、代码优化、资源优化、构建优化、传输加载优化、更多流行...
对于前端的性能优化，主要有分为加载优化和性能优化。在Google官方文档中，给出了性能优化有哪些好处。前端优化的最...
如何进行网站性能优化 你有用过哪些前端性能优化的方法？ 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践
前端性能优化 下面是我认知的前端性能优化的策略，本书主要着手 JavaScript 优化展开阐述。 JavaScr...
前端工程化相关 前端动画相关 优化前端性能
前端 优化策略-自查表 前端性能优化常用总结鸟瞰前端 , 再论性能优化 跨域，你需要知道的全在这里内存分析与内存泄...
关于前端性能优化问题详解 出处：http://segmentfault.com/blogs 前端性能优化指南 AJ...
本文标题：前端优化
本文链接：https://www.haomeiwen.com/subject/efgzqftx.html
网友评论