51Testing软件测试论坛

标题: DevTools调试工具基本使用教程------2 [打印本页]

作者: 如来佛祖 时间: 2023-1-9 08:35
标题: DevTools调试工具基本使用教程------2
这次我们来讲讲如何测试页面加载慢的原因所在，这有个前提条件，那就是能够按下Ctrl+U查看源代码，如果符合条件的话，那就继续往下看
首先，按下F12打开DevTools切换到Network(网络)标签，确认左上角禁止图标左边的圆形图标是红色的，如果不是，请按下Ctrl+E
我们拿SourceForge试试
第一步，打开SourceForge，然后打开DevTools,切换到Network(网络)标签，按下Ctrl+R重新加载页面，这样DevTools就能捕获数据
我们发现红色字体的https://ml314.com/tag.aspx?902023、https://www.google-analytics.com/analytics.js和https://pbid.pro-market.net/engine?site=143572;size=1x1;e=0;dt=0;category=twljteyw08d;kw=j1%20h8oym1khooick%20c7uvmmiu6%20-%20t1x1%20eos%20fhvn%200xmqcf%20jgwtfi06;rnd=(1673280254421)就是罪魁祸首，同时，Console(控制台)中也发出警告：
GET https://ml314.com/tag.aspx?902023 net::ERR_CONNECTION_CLOSED
GET https://www.google-analytics.com/analytics.js net::ERR_CONNECTION_CLOSED
GET https://pbid.pro-market.net/engi ... qcf%20jgwtfi06;rnd=(1673280254421) net::ERR_CONNECTION_CLOSED
net::ERR_CONNECTION_CLOSED就是“连接意外终止”
现在就很明白了，如果是你自己的网页，只需要删除调用这些文件的语句或下载文件放到本地调用就行了
如下面这段HTML代码:
<script src="http://google.com/cgi-bin/js/php-css-pro-123456543216.js"></script>
很明显，它调用了Google的JavaScript，但是Google在国内基本上不翻墙也无法访问，那么我们可以下载这个JS文件，然后把HTML改成类似如下内容:
<script src="script/php-css-pro-12345654321.js"></script>
这样浏览器就不会因为，先加载JS、CSS后加载HTML与先加载head后加载body的“原则”而让加载变慢了
练习题：
github加载慢的最主要原因是
A.网站服务器地理位置
B.网站调用大陆无法访问的资源
C.其他__________________
提醒：我已设置回复仅我可见

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)