北大青鸟广州五羊中心：前端性能优化绝招

性能优化的根本目的：

要思考的是用户使用网站的体验如何，而不是我们可以节省多少字节，只有准确感知用户的感受，我们才有必要谈毫秒、字节和请求数量等问题。

针对优化注意事项：

防止过早优化：没必要在刚开始阶段就对一个细节进行放大型的优化，因为这样的成本很高，除了代码可读性方面的东西，甚至还可能会引入更多的bug，所以，针对这个问题，我们可以在上线和运营的时候进行监控，当快暴露到问题的时候，进行整体优化。

本末倒置的关注：网站内容是最重要的，应该查看页面的每个部分，看是否满足网站页面的主要目的，暂时不需要将额外的注意力全部放到一些不关乎本质的东西上。

对于性能的分析：

使用浏览器的性能分析工具，得到性能分析图表，最著名的就是反向火焰图表，针对浏览器的加载和渲染一目了然。

投入使用之前缺乏压力测试和性能测试

性能优化(从用户输入网址到客户端展现，一步一步优化)

1.输入网址到 告诉浏览器你要去哪里

2.浏览器查找DNS到 网络世界是IP地址的世界，DNS就是ip地址的别名。从本地DNS到最顶级DNS一步一步的网上爬，直到命中需要访问的IP地址

a.DNS预解析 使用CDN缓存，加快解析CDN寻找到目标地址(dns-prefetch)

3. 客户端和服务器建立连接到建立TCP的安全通道，3次握手

a. CDN加速 使用内容分发网络，让用户更快的获取到所要内容

b. 启用压缩 在http协议中，使用类似Gzip压缩的方案(对服务器资源不足的时候进行权衡)

c. 使用HTTP/2协议 http2.0针对1.0优化了很多东西，包括异步连接复用，头压缩等等，使传输更快

4. 浏览器发送http请求到 默认长连接(复用一个tcp通道，短连接：每次连接完就销毁)

选一所好学校，就是选一个好未来，北大青鸟IT学校咨询老师提供专业解答，一次交流改变一生，让你走上另一个人生阶梯——【广州html5培训】