如何查看一个网页打开速度(转载) - 阿灿笑眯眯的

naca 2021-08-13 原文


如何查看一个网页打开速度(转载)

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

一、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、内存因素等。

 

转载地址:http://www.cnblogs.com/guojin705/archive/2011/01/06/opening_a_page_time.html

发表于
2014-08-01 16:34 
阿灿笑眯眯的 
阅读(628
评论(0
编辑 
收藏 
举报

 

版权声明:本文为naca原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/naca/articles/3885336.html

如何查看一个网页打开速度(转载) - 阿灿笑眯眯的的更多相关文章

  1. Adobe Digital Editions PC端epub 阅读器 – freeliver54

    Adobe Digital Editions PC端epub 阅读器 Adobe Digital Editio […]...

  2. RGB颜色值与十六进制颜色码转换工具 – 秦朗的天空

    RGB颜色值与十六进制颜色码转换工具 简介 RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、 […]...

  3. 使用苏飞httphelper开发自动更新发布文章程序 – s1ihome

    使用苏飞httphelper开发自动更新发布文章程序 最近新上线了一个网站,专门收集网上签到赚钱,有奖活动等等 […]...

  4. 把16进制值转换成颜色&颜色16进制值表 .

    string str=”#990033“; Color color = ColorTr […]...

  5. 《软件测试52讲》读书笔记 —— 如何设计一个“好的”测试用例

    如何理解一个“好的”测试用例? “好的”测试用例一定是一个完备的集合,它能够覆盖所有等价类以及各种边界值,而跟 […]...

  6. Oracle数据库逻辑迁移之数据泵的注意事项 – AlfredZhao

    Oracle数据库逻辑迁移之数据泵的注意事项 2018-05-12 22:22  AlfredZhao  阅读 […]...

  7. [AWS][GUI][VNC]rhel 7 安装GUI ,配置VNC – carol2000

    [AWS][GUI][VNC]rhel 7 安装GUI ,配置VNC Posted on 2017-05-16 […]...

  8. ES 26 – 通过partial update局部更新索引文档 (partial update增量修改原理)

    目录 1 什么是partial update 1.1 全量修改文档的原理 1.2 修改指定field的思路 1 […]...

随机推荐

  1. jquery地区选择插件

    jquery地区选择插件 <!DOCTYPE html> <html> <hea […]...

  2. SQL语句中不同的连接JOIN

    内连接,左右连接 为了从两个表中获取数据,我们有时会用JOIN将两个表连接起来。通常有以下几种连接方式: JO […]...

  3. CentOS 7安装过程

    下载: https://wiki.centos.org/Download 安装过程:   参考: http:/ […]...

  4. 并发工具类

    并发工具类 并发工具类 一、CountDownLatch   CountDownLatch类位于java.ut […]...

  5. 深入全面探究有未经处理的异常: 0xC00000FD: Stack overflow(栈溢出)问题!

    这两天一直遇到标题上的问题,我相信很多朋友在执行代码的时候都会遇到这样的问题,我在网上也找了很多的资料解决这个 […]...

  6. 明明有class为什么还是报ClassNotFoundException?

    描述 我们修改接口时,习惯发布一个快照版本用于测试。我们的一个服务也是发布了快照版本,然后一个jar程序要依赖 […]...

  7. TodoList: 适合初学者的简单小项目

    TodoList  1.  项目结构 前端:vue+axios 后端:node+express 数据库:mon […]...

  8. 使用Hugo框架搭建博客的过程 – 前期准备

    这篇教程介绍了如何搭建这样[效果](https://hugoloveit.com/zh-cn/)的博客。 前言 […]...

展开目录

目录导航