惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
腾讯CDC
Jina AI
Jina AI
博客园 - 司徒正美
博客园 - 三生石上(FineUI控件)
Apple Machine Learning Research
Apple Machine Learning Research
GbyAI
GbyAI
WordPress大学
WordPress大学
Hugging Face - Blog
Hugging Face - Blog
T
The Blog of Author Tim Ferriss
小众软件
小众软件
M
MIT News - Artificial intelligence
MyScale Blog
MyScale Blog
D
Docker
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Google DeepMind News
Google DeepMind News
月光博客
月光博客
L
LangChain Blog
F
Fortinet All Blogs
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - Franky
C
Check Point Blog
U
Unit 42
人人都是产品经理
人人都是产品经理

博客园 - guojin

ASP.NET整理:Cookie,Application,Session,页面生命周期 安装 SQL SERVER 2008 必须使用 "角色管理工具" 错误 的 解决方案 (转) 经典算法和OJ网站(开发者必备-转) 新概念英语第三册课后题答案 设置服务器定时重启 http status code 数据库中索引的优缺点(转) 几类常用Case工具介绍(有点老,但还是具有参考性,对应找较新版本就是了) PowerDesigner建模工具简介(转) reset sql server express sa password 服务器维护tips (转)11款网站服务器监测通知工具 sql server 2000 数据同步(2) sql server2000 数据同步 asp.net页面中 回车触发提交事件(转) - guojin - 博客园 登陆界面设计得不错 Fetion分析之二:服务器地址从何而来——变态的配置文件(转) 飞信Fetion历史数据库研究(History.dat)——嵌入式数据库SQLite介绍(转) Google黑板报上连载的长文
如何查看一个网页打开速度
guojin · 2011-01-06 · via 博客园 - guojin

我们经常主观感觉一个网页打开速度快或者慢,实际上可以通过浏览器提供工具进行测试,查看到准确的载入时间。

一、Chrome谷歌浏览器

用Chrome浏览器自带工具(chromium插件),很方便地就能测速。

在Chrome打开网页后,在页面内点右键,选inspect element,下栏菜单中选resources,enable resources tracking,接着页面会重新载入,在下面的graphs栏目里的time下会实时显示各组分的载入时间,并用不同颜色的长条显示比例。size,time分别显示浏览器载入的大小和耗时。

二、Firefox火狐浏览器

安装Firefox浏览器后,需装一个大名鼎鼎的插件Firebug(点击工具->附加组件),装好后需重启动一下Firefox。

当打开某网页时,点击F12(或者:工具->附加组件->打开firebug),就会有如下图示。

同样打开的www.baidu.com,请求2个,耗时125ms,请求数据6.4KB。

总结:一个网页的载入速度究竟快还是慢?网页在电脑浏览器中载入的速度快慢有几个方面会影响:

1、服务器方面(服务器CPU、内存、磁盘速度等)

2、IDC服务商的服务质量(防火墙、带宽等);

3、客户端的电脑以及浏览器;

4、客户端的网络质量。

上面两个示例的结果为什么不同?可以解释为:同一个网站不同浏览器的测试结果也有小的误差,原因可能有客户端缓存或者客户端的CPU、内存因素等。