iframe嵌套页面加载慢_web前端入门到实战：分析页面加载慢

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

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

• JS性能太差，阻塞页面

浏览器解析过程中，遇到<script>标签的时候，便会停止解析过程，转而去处理脚本，如果脚本是内联的，浏览器会先去执行这段内联的脚本，如果是外链的，那么先会去加载脚本，然后执行。在处理完脚本之后，浏览器便继续解析HTML文档。
遇到JS阻塞的情况，就需要具体去看代码的具体逻辑。

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

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

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

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

HTML页面是如何