网页加载慢,有哪些原因?

1、先是一个用户慢,还是一群用户慢还是全部用户慢?
一个用户慢:个人客户端网络宽带不足、本机CPU或内存被占满
一群用户慢:找寻共同慢的特性
全部用户慢:进行接下来的判断

2、再判断是不是单个接口响应比较慢?是的话定位具体的业务
如果不是,先看前端页面渲染耗时,前端的性能问题一般有:
1)JS阻塞请求,写的js代码出现问题,解析就会花费很长时间,这两个js请求之间会出现一个很大的空隙,就会导致这段时间的资源加载都被阻塞住
2)接收数据时间过长,http请求的大部分时间应该花在后面几个阶段,比如等待响应和接收数据。但是,如果接收数据的时间太长了,长到数百毫秒甚至以秒计算的时候,那也是有问题的。这种情况一般是因为下载的内容太重了,例如大图片、大脚本等。这类问题可以使用GZIP压缩、图片压缩或者JS/CSS的minify等手段来解决。
3)加载某个资源太慢,如果某个请求比其他的请求多出很多的时间,那么一般情况就是某个资源的加载太慢,导致了整个网页变慢,原因有可能是1)资源在第三方站点上,他们很慢;2)这个资源太大了;3)这个资源使用的域名有问题
4)前端页面请求的资源过多,onload之前如果有几百行,速度自然会慢的,如果请求的资源不存在,那么速度将会更慢
5)网页本身中包含了追踪或者是分析用户的工具,从而导致网页的加载时间变的慢,比如之前海盗湾中会给用户的电脑插入挖矿的js脚本
6)后端代码问题,主要有代码冗余、数据库发生锁死、动态请求时间过长等,这就需要RD优化

3、必要时引入性能测试,编写性能测试脚本复现问题

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原创文章,未经允许,严禁转载 还记得 图片延迟加载方案 那篇博文吗?当初分析了定宽高值和定宽高比这两种常见的图片延...
    齐修_qixiuss阅读 47,086评论 36 376
  • 怎么提高网页的加载速度 1、利用浏览器缓存你的 js 和 CSS 文件: 在网站根目录 .htaccess 中加...
    圆心角阅读 4,298评论 0 1
  • 减少网站加载时间的最有效方式如下: 减少网站的HTTP请求数。 优化图片 合并压缩脚本 1.减少HTTP请求数:可...
    Cellier阅读 6,286评论 0 17
  • 网页的加载速度是评估网站质量一个重要指标,原因在于大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范...
    Charlot阅读 5,400评论 1 3
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    迷月闪星情阅读 13,585评论 0 11