一般情况下,如果网页加载时间超过5s,用户就会感觉页面比较卡,用户体验相当差,用户可能会直接走人,所以加载的时间对于一个网站来说还是相当重要的。那做项目的时候怎样分析页面的加载速度慢呢?
首先我们要知道影响页面加载的因素
- JS性能太差,阻塞页面
浏览器解析过程中,遇到<script>标签的时候,便会停止解析过程,转而去处理脚本,如果脚本是内联的,浏览器会先去执行这段内联的脚本,如果是外链的,那么先会去加载脚本,然后执行。在处理完脚本之后,浏览器便继续解析HTML文档。
遇到JS阻塞的情况,就需要具体去看代码的具体逻辑。
- 某个请求慢阻塞页面的加载
一般遇到页面卡顿,首先去Network里面去查看每个页面所有请求的状态及具体的加载时间,以及每一个请求的详细耗时。如果状态有非200,如pending,则去检查对应的请求。
- 同域名下的请求数过多导致Queueing
就是浏览器与同一个域名建立的TCP连接数是有限制的,比方chrome设置的是6个,如果说同一时间,发起的同一域名的请求超过了6个,这时候就需要排队了,也就是这个Queueing时间。
HTML页面是如何