yuwuta 发表于 2015-4-28 22:18:56

用chrome浏览器测试web网页加载速度的性能

   从事测试工作也有一段时间了。对于性能方面也了解了点,今天有个哥们叫我用chrome浏览器测web的加载性能。之前从未知道,因此把此操作过程记录下来,希望对后面有所帮助。(新手上路,如有描述错误,无吐槽,指点下就满足了。嘿)
1. 登录chrome浏览器,打开一个网页,如:http://www.xiaoniu88.com/;右击页面的空白处,选择“审查元素”


2.在弹出的界面里面,在中间部位有个“手机图标”按钮,点击它,并且在左上角选择对应的机型以及网络。(不选手机图标,好像就是单纯的测web界面,也可以输入具体的手机网页“)


3.都选好了后,点击”刷新“按钮, 然后点击中间的“network”选项,就可以看到对应的加载速度了
(运气不太好,它在维护状态,其他网页有兴趣的可以试试的)

4.其他选项也可以看的到。这里就的后面慢慢研究了。嘿。(好像在原界面框,把网址的www.改成m.能直接访问手机网页,试过几次,有些是成功的,有些是不能,不知道是弄错了。还是先得有那手机网址的存在了。)


zhl85213 发表于 2015-4-29 10:33:59

都在这提问,您在这分享:handshake
刚才试了一下,是不是说,输入的网址,就会把所有页面加载时间都显示出来了?不用再去做任何操作了?

土土的豆豆 发表于 2015-4-29 10:39:42

感谢LZ分享!
其实Chrome、IE、FireFox的Devtools 都很强大,基本的一些问题定位、查找和分析都可以做到位。
若需要深入研究,就用专业的性能工具来监测~
页: [1]
查看完整版本: 用chrome浏览器测试web网页加载速度的性能