前端性能优化

作者: 07120665a058 | 来源:发表于2017-05-26 14:36 被阅读88次

前端性能优化（中）
前端性能优化（下）
前端性能优化（上）
前端面试必问及加分点---性能优化篇
前端性能优化
常用的后端性能优化六种方式：缓存化+服务化+异步化等
关于前端性能优化问题详解
前端性能优化
2019-10-22
2020-04-11

优化目的

用户角度而言，优化能够让页面，加载快、操作响应及时，体验更好
服务商角度而言，优化能够减少页面请求数、减小请求所占带宽，节省资源

优化方面

速度方面

资源缓存，可以减少DNS查询，减少请求次数
按需加载资源，可以延迟加载／预加载
减少文件大小，可以通过压缩、合并CSS，JS，IMG
减少DOM数，DOM操作
引入外部的CSS,JS，将JS脚本置地
使用常量，抽取重复值，优化循环
减少作用域链的查找，尽量少使用全局变量，避免使用eval,with
减少重绘重排，可以通过设置类class统一更新样式

兼容性方面

响应式布局
使用百分比，而不是绝对长度
使用相对字体大小em

参考文章推荐：
前端优化不完全指南
 前端性能优化（JavaScript篇）
JavaScript 性能优化小记

前端性能优化（中）
性能优化调研系列文章《前端性能优化（上）》《前端性能优化（中）》《前端性能优化（下）》《前端性能优化（上）...
前端性能优化（下）
性能优化调研系列文章《前端性能优化（上）》《前端性能优化（中）》《前端性能优化（下）》《前端性能优化（中）...
前端性能优化（上）
性能优化调研系列文章《前端性能优化（上）》《前端性能优化（中）》《前端性能优化（下）》为什么要进行前端性能...
前端面试必问及加分点---性能优化篇
如何进行网站性能优化你有用过哪些前端性能优化的方法？谈谈性能优化问题代码层面的优化前端性能优化最佳实践
前端性能优化
对于前端的性能优化，主要有分为加载优化和性能优化。在Google官方文档中，给出了性能优化有哪些好处。前端优化的最...
常用的后端性能优化六种方式：缓存化+服务化+异步化等
性能优化专题前端性能优化数据库性能优化 jvm和多线程优化架构层面优化缓存性能优化常用的后端性能优化六大...
关于前端性能优化问题详解
关于前端性能优化问题详解出处：http://segmentfault.com/blogs 前端性能优化指南 AJ...
前端性能优化
前端性能优化下面是我认知的前端性能优化的策略，本书主要着手 JavaScript 优化展开阐述。 JavaScr...
2019-10-22
2018 前端性能优化清单
2020-04-11
前端工程化相关前端动画相关优化前端性能