扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
作网页,除了注重设计上的美观外,当然还有一个不可或缺的因素-网页的大小。因此对于一个专业的网页设计师而言,如何在两者之间权衡是很重要的。在网页制作上,有一个比较"流行"的说法,当访问者等待浏览器传输页面超过30秒时,用户就极可能会产生放弃的心理,那么再精美的页面也是无济于事了。
既然有这样一个默许的所谓"标准"问题,那么面对自己花大力气做出来的网页,如何知道它真实中的传输时间呢?下面我们将要介绍的就是这么一款工具软件,笔者给她起了个名字-测试精灵(Webspeed optimizer)。
一、功能概述
之所以美其名为"精灵",恰恰在于她在测试上的全面性,Webspeed同时提供了目前比较常见的多种网络连接速度下的测试选择,比如56K的MODEM传输,128(64)K的双(单)线ISDN方式,另外也包括了速度比较慢的9600bps,14.4K等等。
除了照顾不同速度的影响外,Webspeed真正体贴之处或许在于他还能根据各自不同的网络环境自动调整到标准连接速度之间的某个值,比如可能你使用的是一个56K的MODEM,但是由于电话线、MODEM品质等诸多因素的影响,实际上根本达不到这个值,为了能够更加贴近现实中的效果,Webspeed提供的百分比选择功能可以帮你模拟出任意需要的速度值。
Webspeed在测试时,是通过在本地建立模拟网络服务器的方式实现的,当我们设定完成后,选择"浏览"时,你会发现在新开浏览器的地址栏中将显示类似"http://local/index.html"的字样。
除了这些测试上的特点外,Webspeed还提供了不同状态下的测试结果查看窗口,你能够更方便、清楚的获取到目标地址的测试结果报表。
二、如何进行一个目标网站的测试?
让我们先来认识Webspeed的操作界面:
进入讨论组讨论。
下面我们就如何完成一个目标网站的测试来细致的说明一下,希望大家能够在步骤过程中体会到Webspeed各部分的作用。
选择菜单"File"/"Start wizard"(开始向导)或者直接单击工具栏中"Start"按钮都可以打开"Simulate You Web Site Wizard"(模拟站点向导)窗口,如图:
由于Webspeed是通过在本地模拟服务器形式来实现测试的,因此首先你需要指定本地目标网站的根目录地址,也即一般情况下主页所在的上层文件夹(如本例中的D:\web\51step),,当然也可以是频道所在根目录,单击"Select"查找浏览。
注意这里不允许填写Internet上使用的URL地址,否则Webspeed会认为无效,不与处理。
接着选择测试过程中将要使用的连接方式,在"Select Restriction"窗体里"Link Speed"下拉菜单内任意选择一个合适的速度项,选择项如下:
可以以自己当前的入网方式为标准,比如通常的56K MODEM接入方式,这时由于网络环境的不同,真实的连接速度也有差异,因而Webspeed提供了一个"Link Utilization "设定功能,即可根据当前连接速度找到一个恰当的百分比值,直接拖动滑板或单击右边的上下箭头都可以达到调整的目的。
完成上面的设定后,单击"Browse"就可以开始测试了,Webspeed会自动启动默认的网页浏览器,在主页慢慢打开的同时,结果显示窗口会逐个的返回网页中不同元素的连接时间。最后得到一个完整的结果报表,如图:
在报表的上面部分分别是网页中插入图片对象的传输时间,最后字样"302 Redirection"前面显示主页传输需要的总时间,本例中index.html在256K*80%速度下使用了5.2秒的时间,基本满足"标准"要求。
进入讨论组讨论。
三、新网站或新速度的对比再测试!
有时候我们需要测试的网站可能不只一个,那么在完成目标网站的测试后,如何转换到另一个去呢?另外对同一个网站在不同速度下的测试对比也要求到这一点。这里有两种不同的选择。
其一:保持该窗口状态下
这样的话,返回结果将仍然显示在前一个测试报告的窗口中,只不过按照时间的先后顺序自动排列而已(最上为最新的)。
选择菜单"Server"/"Setup",打开"Setup Web Server"窗口,如图:
单击"Select"按钮可进行新网站根目录的重新选定,"Reset"重置到前一个目标网站地址,Port使用默认的80 WEB端口 ------(实现新网站测试的方法)
选择菜单"Server"/"Restrict",打开"Restrict Web Server "窗口,如图:
同样类似前面的操作更改为需要的速度值,注意下,这里有一个"Allow Browse Cache"的复选框,它的作用是可以在"脱机"状态下从缓冲内调用以往的测试结果,不过返回结果中将只包括传输时间,而文件被标示为"304 not Modified"。----(实现同一网站不同速度测试)
其二:新开启Webspeed程序测试
另外一个方法就是开启新的窗口进行测试,在操作上与前者基本相同,唯一需要强调的就是由于我们在测试时不能同时使用一个80端口,这时Webspeed会提示你使用另外的81端口。如图:
两次确定就可以了。当然开启更多窗口,端口可以依次延伸使用(1024,1025,1026……)。
四、结果报表的选项查看
为了方便大家更加深入的了解反馈信息,Webspeed提供了多种测试结果的查看方式,默认情况下处于"Details"状态,也就是前面看到的那个显示方式。
在菜单"View"下还包含另外的三种:Large icons / Small icons / Lists。
选择"View "/"Clear"可以将当前所有结果记录全部清除。
Webspeed的出现,在大家力求页面美观、漂亮的同时,给出了一个很好的提示-别忘了页面文件不能太大呀!
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者