使用Chrome浏览器的开发者工具排查网站加载过慢的现象

使用Chrome浏览器的开发者工具排查网站加载过慢的现象

更新时间:2019-12-31 14:56:07

免责声明: 本文档可能包含第三方产品信息,该信息仅供参考。阿里云对第三方产品的性能、可靠性以及操作可能带来的潜在影响,不做任何暗示或其他形式的承诺。

 

概述

网站出现加载过慢的现象,先通过阿里云ECS控制台的实例监控信息页面,查看该网站所在服务器的性能情况。如果服务器性能没有瓶颈,那么可以通过Chrome浏览器中的开发者工具来排查是哪些资源导致了网站加载速度过慢。 

 

详细信息

阿里云提醒您:

  • 如果您对实例或数据有修改、变更等风险操作,务必注意实例的容灾、容错能力,确保数据安全。
  • 如果您对实例(包括但不限于ECS、RDS)等进行配置与数据修改,建议提前创建快照或开启RDS日志备份等功能。
  • 如果您在阿里云平台授权或者提交过登录账号、密码等安全信息,建议您及时修改。

开发者工具的Network模块可以查看网页加载脚本和资源的时间,并可以查看加载失败的资源。

  1. 打开Chrome浏览器,按键盘上的 F12 键,打开Chrome浏览器的开发者工具。
  2. 选择Network功能模块,按键盘上的 Ctrl + F5 键强制刷新页面,查看网页资源的加载情况。
    注:即在按下 Ctrl 键之后,再按 F5 键。
  3. 从上面的图片可见,加载banana.swf这个资源耗时为2.73秒。将该资源对应的链接地址复制,并反馈给网站开发工程师或者运维工程师确认问题原因。

 

适用于

  • 云服务器 ECS