为什么要提升web性能?
Web性能黄金准则:只有10%~20%的最终用户响应时间花在了下载html文档上,其余的80%~90%时间花在了下载页面组件上。
web性能对于用户体验有及其重要的影响,根据著名的`258`原则:
当用户在2秒以内得到响应,会感觉系统的响应非常快当用户在25秒之内得到响应,会感觉系统的响应速度还可以当用户在58秒之内得到响应,会感觉系统的响应非常慢,但还可以接受当用户在8秒之后都没有得到响应,会感觉系统糟透了,甚至系统已经挂掉;要么打开竞争对手的小程序,要么重新发起第二次请求。
凡事都需要研究,通过科学的研究我们就可以找到事物的发展规律。这里要感谢工程师总结的14条前端优化法则,使得我们可以站在巨人的肩膀上。《高性能张家口小程序开发》这本书中的14条优化原则,总结起来主要是以下个方面的优化:
减少HTTP请求
页面内部优化
启用缓存
减少下载量
网络连接上的优化
为什么减少HTTP请求可以提高Web性能?
要回答这个问题,我们就要了解当浏览器向服务器发送一个http请求知道获取数据都经历哪些过程:
开启一个链接>发送请求>等待>下载数据
http协议建立在TIC/IP协议之上,在TCP/IP协议中,TCP协议提供可靠的连接服务,采用三次握手建立一个连接。简单来说三次握手就是一个身份确认的过程: