共计 522 个字符，预计需要花费 2 分钟才能阅读完成。
一，前端性能优化有哪些？
a) 页面优化方面：
1，减少 HTTP 请求数 – 设计简化页面 – 合理设置缓存 – 资源合并与压缩 –css sprites– 图片嵌入 –Lazy Load Images
2，将外部脚本置底
3，异步执行 inline 脚本
4，Lazy Load Javascript
5，将外链 CSS 放在 HEAD 中
6，异步请求 Callback
7，减少不必要的 HTTP 跳转
8，避免重复的资源请求
b) 代码优化方面：
javascript
1，DOM 操作 – 转为数组后再访问 – 减少 Reflow 和 Repaint
2，慎用 with– 增加了作用域链长度
3，避免使用 eval 和 Function– 需要将源代码转换成可执行代码
4，减少作用域链查找 – 全局变量在遍历之前用局部变量缓存该变量
5，数据访问 – 将数据放入局部变量 – 减少对对象以及数组深度查找
6，字符串拼接 – 使用数组的 join 方法，少用 + 号
CSS 选择符
1，实际上浏览器对选择符的解析是从右往左进行的
HTML
1，了解详细：[https://www.cnblogs.com/xy-milu/p/6091234.html][1]
Image 压缩
1，找找压缩工具：[https://tinypng.com][2]
二，关于原型链
正文完