博客

一般情况下，如果网页加载时间超过5s，用户就会感觉页面比较卡，用户体验相当差，用户可能会直接走人，所以加载的时间对于一个网站来说还是相当重要的。那做项目的时候怎样分析页面的加载速度慢呢？

首先我们要知道影响页面加载的因素

• JS性能太差，阻塞页面

浏览器解析过程中，遇到

• 某个请求慢阻塞页面的加载

一般遇到页面卡顿，首先去Network里面去查看每个页面所有请求的状态及具体的加载时间，以及每一个请求的详细耗时。如果状态有非200，如pending，则去检查对应的请求。

• 同域名下的请求数过多导致Queueing

就是浏览器与同一个域名建立的TCP连接数是有限制的，比方chrome设置的是6个，如果说同一时间，发起的同一域名的请求超过了6个，这时候就需要排队了，也就是这个Queueing时间。

HTML页面是如何完成

当我们在浏览器输入url按下Enter后，浏览器拿到你输入的url，解析出域名【domain.com】得到域名之后进行DNS查询（TCP/IP协议中连接是需要知道IP地址），解析得到域名IP，然后与服务器建立连接，再与该IP地址来三次经典的握手建立TCP连接，如果协议头是http则与目标IP的80端口通信，如果是https则是443端口，建立好TCP连接后，就可以发送http请求了，浏览器发起请求，服务器响应并返回内容，最终就是我们所看到的页面内容。