一、页面级优化
1.减少 HTTP请求数
a.从设计实现层面简化页面
b.合理设置 HTTP缓存
c.资源合并与压缩
d.合并 CSS图片(CSS Sprites)
e.Inline Images
f.图片懒加载
g.将CSS放在Head中
h.减少不必要的HTTP跳转
2.代码级优化
a.JavaScript：
i.将HTML Collection转换为一个数组进行操作
ii.Reflow和RePaint
iii.慎用with
iv.避免使用eval和Function
v.减少作用域链查找
vi.优化对数据的访问（尽量使用局部变量和直接量，少使用对象属性和数组）
vii.字符串拼接次数较多时，应少使用+号进行拼接，尽量使用join方法
b.CSS选择符(使用选择符时考虑权值和属性的继承)
c.Image压缩
WebPack在CSS、JS、图片和页面结构上已经有了非常好的优化，但是还是需要仔细地学习。
由于部分内容已经了解，故只摘标题作为大纲，在后面的学习中会继续修改本文章。
本文摘自https://www.cnblogs.com/coober/p/8078847.html
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（上）...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（中）...
前端性能优化概述 前言 性能优化是一个让人很纠结的话题，每一个前端工程师都知道前端性能优化是很重要都一个环节。但是...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 为什么要进行前端性能...
一、页面级优化 1.减少 HTTP请求数 a.从设计实现层面简化页面 b.合理设置 HTTP缓存 c....
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 CSS 方面的零散内容; 现在想想无论做什么都需要慢慢积...
如何进行网站性能优化 你有用过哪些前端性能优化的方法？ 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践
对于前端的性能优化，主要有分为加载优化和性能优化。在Google官方文档中，给出了性能优化有哪些好处。前端优化的最...
性能优化专题 前端性能优化 数据库性能优化 jvm和多线程优化 架构层面优化 缓存性能优化 常用的后端性能优化六大...
关于前端性能优化问题详解 出处：http://segmentfault.com/blogs 前端性能优化指南 AJ...
本文标题：前端性能优化概述
本文链接：https://www.haomeiwen.com/subject/qezkvqtx.html
网友评论