当下前端工程师必须了解的性能优化

背景知识：B/S架构
什么是B/S架构
B/S（Browser/Server，浏览器/服务器）模式又称B/S结构，是Web兴起后的一种网络结构模式。
流程
1、客户端发送HTTP请求：用户在浏览器中进行操作，浏览器生成HTTP报文，向服务器发送；
2、服务端处理请求：接收HTTP报文，解析报文，处理数据，产生响应HTTP报文；
3、服务端响应：将用户请求的数据返回给客户端；
4、客户端解析HTML文件。

性能优化思路
从流程的角度出发，我们能不能让客户端请求服务端的速度更快，当服务器接收到数据时，返回给客户端的速度能不能更快，即网络通信；在拿到数据时，展示给用户能不能更快，即让数据处理。我们可以从这两个角度进行优化。

1、更快的网络通信(加载层面)
a.全局负载均衡和缓存系统
b.资源合并和域名分片
c.数据传输时的强缓存和协商缓存(重点)
d.数据和代码文件压缩
e.静态资源
f.头与报文
2、更高效的数据处理(执行层面)
a.HTML语义化标签加强DOM解析
b.多使用伪元素，减少JS对DOM的遍历
c.能使用HTML/CSS就不要用JS
d.逻辑与展示解耦，避免不必要的JS启动
e.减少作用域查找和闭包，使用块级作用域