服务器图片加载慢_面试题｜排查网页慢的方法，你能说出几个？这张图总结了15个...

最新推荐文章于 2022-11-17 00:08:05 发布

weixin_39568889

最新推荐文章于 2022-11-17 00:08:05 发布

阅读量393

点赞数

Note: 因为头条的文章发表30天后不能修改. 所以文章后续的订正我会同步到 Github Pages 上, Github Pages 的地址见文末.

"网页加载慢该怎么排查", 这道题应该算作是经典面试题 "在浏览器地址栏输入一个URL后回车会发生什么?"的变种. 为了详细的回答这个问题, 我打算写一个系列详细的梳理这些知识. 今天只是做一个概述.

下图(点击查看大图)生动的展现了 HTTP 从客户端请求到响应完成的链路, 黑体加粗的字代表了不同的分析维度.

从 Client (用户端) 分析

结合浏览器的 devtools 面板进行分析. (浏览器的 devtools 非常强大, 后期会有教程专门分析)

浏览器页面渲染的过程中存在异常. 这些异常有可能是网站的 JS 代码有 bug, 也有可能是浏览器上安装的插件有问题. 表征是 devtools 下的 console 面板在网页加载的过程中出现很多 Error 或 Warning 日志.
调用耗时过长的接口或请求的资源过多. 通过 devtools Network 的 Time 可以查看接口耗时.
页面的渲染性能不佳. 使用 devtools Performance 进行性能分析.

用户端的带宽不足或所处环境网络不佳. 比如用户用的光纤, WIFI 还是流量, 是否处于地下室等弱网环境等.
DNS 解析慢. DNS解析包括往复解析的次数及每次解析所花费的时间它们两者的积即是DNS解析所耗费的总时间, 在http请求的过程中, 域名解析和建立连接占的时间很多. 可以使用 ping 命令 ping 该域名, 如果解析记录返回的非常缓慢, 可以判断是 DNS 的问题.
HTTP 劫持. 如果网站使用的是 HTTP 服务并且网站出现了垃圾广告等情况, 这说明可能出现了 HTTP 劫持.
未设置 CDN. 如果没有设置 CDN, 在跨线路访问(比如用户是铁通, 但是服务器部署在联通, 这种情况就是跨线路), 地理位置相差很远等情况, 就容易发生网页打开缓慢. 排查方法还是使用 ping 命令, 当存在丢包或者很高延迟时(国内 ping 延迟超过 50 ms), 就会导致线路访问异常.

对服务端进行分析的前提是, 已经确定是服务端接口耗时引起的 "网页打开慢", 所以我们通过提升服务器的响应速度, 来改善用户体验.

SQL 调优, 由自带的慢查询日志或者开源的慢查询系统定位到具体的出问题的SQL.
架构层面的调优, 这一类调优包括读写分离、多从库负载均衡、水平和垂直分库分表等方面.
连接池调优. 随着业务访问量或者数据量的增长，原有的连接池参数可能不能很好地满足需求，这个时候就需要结合当前使用连接池的原理、具体的连接池监控数据和当前的业务量作一个综合的判断，通过反复的几次调试得到最终的调优参数。

Web Cache 缓存. 什么情况适合使用缓存? 短时间内相同数据重复查询多次且数据更新不频繁的数据或者图片等静态资源.
Load Balancer 负载均衡. 如果感觉单机优化后还是遇到了性能瓶颈, 这时候就适合使用 Nginx 做反向代理, 通过增加服务器这样就可以提高服务端的能力.
Distrbuted Systems 分布式服务. 分布式服务涉及的知识非常多, 如服务的注册发现, RPC、心跳等网络通信调用的机制等, 最好使用成熟的开源框架. (以后的专题中会详细介绍)

Note: 因为头条的文章发表30天后不能修改. 所以文章后续的订正我会同步到 Github Pages 上, Github Pages 的地址见文末.

感觉自己能力还是太弱了, 很多地方自己也处于学习摸索中. 挑了一张性能优化专家陶辉大大画的图, 和大家分享一下.

关注