通过Chrome浏览器开发者工具排查网站打开慢的原因及优化

NetWork可以看到网页加载的脚本和资源的时间,还可以看到某些不能加载成功的资源;这里使用西楼寻梦博客演示:

1、打开Chrome浏览器,按键盘上的F12,打开的开发者工具。

2、选择【Network】-》按键盘上的Ctrl+F5(在按Ctrl键之后,再按F5键),强制刷新,查看网页资源的加载情况。

通过Chrome浏览器开发者工具排查网站打开慢的原因及优化的图片 - 1

从上面的图片可见,加载这几个图片资源耗时为15s,这个最耗时,并且该资源对应的链接地址也可以复制出来,然后找到该文件或图片进行优化。


通过Chrome浏览器开发者工具排查网站打开慢的原因及优化的图片 - 2

欢迎在保留作者版权下转载:西楼寻梦 » 通过Chrome浏览器开发者工具排查网站打开慢的原因及优化

赞 (0)

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 夏日博客经常使用这种方法调试网页。回复