荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: hawkwolves (十一狼), 信区: Homepage
标 题: 网站优化教程 - 第四天
发信站: BBS 荔园晨风站 (Tue Jun 6 11:28:51 2000), 转信
网站优化教程 - 第四天
(05/16/2000)
当我最近在HotBot工作并试图加速我的网页时，我花了很多时间查看其它网站
，想从他们的成功和失败中学点什么。我学到很多如何使页面装载和绘制很快的方
法，但是也发现非常多的没有必要的臃肿的东西。
基于我所发现的和没有发现的，我总结了一些使网页紧缩的方法。既然你已经
使你的图像和表格尽可能地苗条，现在让我们看看优化网站的最后一关。
第二页：与松弛做斗争的最后防线我理解找到完美方法实现好的设计使广告商
高兴和每个页面可用是多么的困难。但是我希望设计者最好避免海啸般的连接。
很多出版商（如ZDNet和CNET）因为连接太多而使网页阻塞-每页上都有大量指
向其它页和其它网站的连接。我甚至在我们自己的后院发现了同样的问题（或者是
不是可以说我们的前门？）。
这样的交叉连接通常是考虑到市场的原因：让读者知道同一公司的其它内容和站点
。但是你也不必象一个人类问题专家那样认为网页上连接越多，单个连接被访问的
机会越少。经过10个左右连接后，读者趋向于只读页中间的文章。这些未读、未被
接触的“连接农场”可以占到网页HTML的一半。并且，不象logo和icon驻留在
cache里，调用每页时，它们重新下载。
这些连接背后的长URL的累加也很可观。AltaVista为附加查询结果页的“1
2 3 ... 20”（在每个查询结果页的底部）连接就要浪费4KB的HTML。通过实现更
短、更少的URL，最近AltaVista重新进行了设计，把连接的尺寸平均减少到1KB。
结果是，通过拨号modem的页面下载速度明显提高（就金钱和常识来说，意味着客
户更愉悦，每分钟的页面点击率越多）。
一些同样的网站也为放入大量的交叉连接感到内疚。有时他们故意这么做来增
加页面点击率，但是通常可以加一个附加的页来容纳其它用户感兴趣的内容。
如果你不想让读者下载他们不需要的字节，同时又不希望他们退回去重新下载
读过的页面，那么你知道他们无论如何也要一页。所以要研究你的服务器日志，发
现用户点击最多和最少的是什么。删掉没人读的内容，把它们替换为日志数据证明
有必要的信息。
把JavaScript当作垃圾
很多网猴认为页面中的JavaScript不使页面变慢。然而，JavaScript是一种解
释语言，而不是编译语言-这意味着它被装载后还要被分析。我们习惯于在HotBot
中使用JavaScript函数使浏览者的键盘输入聚焦到文本输入框内。这样的一个函数
使页面的装载明显变慢，即使它的初衷是为了加速查询。
检查你页面中的JavaScript，看看它是如何影响装载和初始化时间的。如果你
用JavaScript控制plug-in或dHTML，应该查看用户手册看看这些组件是如何使用的
。你可能会发现你的20行的JavaScript程序可以用一个内置的装载和运行更快的函
数来替代。我们就犯过这样的错误：我们用JavaScript写了一个“NextTen”函数
来改变装载到MSIE4的一个表中的内容。后来我们知道IE的内置nextPage函数比它
快10倍，而且当它运行时不会使页面混乱。如果你的读者遇到过这样的麻烦，试试
这个函数-对每个人都有利。
扔掉小技巧、计数器和其它活动的部分
坦白地说，关心你的网站的访问人数的人不会很多（如果是一些令人印象很深
的数字，可以在你的页面中编码，当它突变时再更新之）。初始化Java并装入一个
applet只是使页面中的一些文本滚动-这样的页面不值得去等。今年早些时候，
CNN通过移去它的Java大字标题把页面装载速度从50秒减少到20秒。
你是怎么想的？- CNN的点击率和观众份额会增加还是减少？
第三页：测试你的网页
在过去的四天里，我们为你提供了很多加速网页的方法。为了能让用户能有所体会
，你需要为网页制定一些行为标准并实行之。
制定你的标准
别只自问：“网页现在有多快？”并试图进行改善。应该问“页面应该有多快
？”。或者减少用户的等待时间，或者让用户觉得他们的等待是值得的。
制定合理指导方针的最佳方法是检查你的竞争对手的网站。查找与你的网站提
供相同内容、服务、价值等的网站，研究它们的表现。请教你们公司市场部、销售
部或其它部门的人，让他们评价你的竞争对手的网站。可以进行一次角色扮演：把
你自己当成一个用户，进行一次网上漫游。
当你确定了要查看哪些网站后，确定你要进行到哪里。或许整个页面装载完，
但是或许应该确定某个特定条目的装载时间（例如，一个新网站的顶部标题）。我
们研究过的一些站点非常好：
在页面完成装载之前，用户可以看到一些很重要的东西。
如何计算网站的下载时间
现在对你自己的网站和你确定的网站进行下载时间的测试，并把结果作成图表。我
试过计算页面下载的不同方法，最后在所需的时间和结果的准确性之间达到了最佳
平衡。为了达到事半功倍，可以用以下方法：
首先，建立一个要比较的页的清单。然后座在你的测试计算机前，把浏览器的
cache清空（除非测试要求在cache中保留一些图像），装载第一页。然后记录下载
时间（我相信双击，用的是Precise Synchrosport 910跑表）。清除cache，重设
跑表，然后装载第二页。清除cache，重设跑表，然后装载第三页，等等。每页都
装载一遍后，从头再来一遍，直到做完足够的试验（我一般做五至七次）。对于实
验数据，去掉最高值和最低值，然后对其余的值取平均。比较每个站点的平均值，
如下表所示：
Site Trial 1 Trial 2 Trial 3 Trial 4 Trial 5 Trial 6 Average
HotBot 24.68 17.25 19.91 21.18 26.50 20.92 21.67
InfoSeek 21.30 31.72 19.84 18.38 17.95 34.75 22.81
AltaVista 21.79 14.05 19.71 33.11 32.01 46.88 26.66
我为什么不测试第一页五次，第二页五次，第三页三次呢？因为在互联网上，服务
器峰值和网络阻塞每秒和每秒，每分和每分之间都不同。通过交叉试验的数据，我
把出现的问题（在我的一个站点、我的ISP或别的什么地方）均匀地分布。
。
即使这样，每个站点都有“bad hair day”（当表现非常差时）。所以应该重
复进行试验，在一天的不同时刻，一周的不同时间，工程期的不同的周。这也使你
能跟踪竞争对手的网站的变化和改进-有时一个网站在四月时还很慢，到了五月却
快起来。
自动记时？没有这样的事有些开发者使用自动记时程序测量和统计页面下载时
间。但是这些程序只测量文件大小，或至多记录HTML从服务器传过来的时间。这种
方法完全忽略了不同浏览器和不同操作系统之间的差别，这些差别对下载时间影响
很大。
那些告诉你用14KB调试解调器下载页面需要多少时间或测量HTML效率的自动程
序根本没法与严格的人工计量相比。用真人测量屏幕上发生的一切，因为那是你真
正要改进的。我的工作组有自动测量和手工测量的图表。自动测量的结果对于读者
来说往往是错误的。我花在每个人身上的跑表的钱算是值了。
早期测试和经常测试网站原型一准备好，我就让我的组的成员进行测试。立即测试
是发现问题的最佳时机。你也希望尽可能早地检测网站的高层表现，以在工程进程
中得到平衡。
我的组的成员也在第一天测试他们的网页，这样可以马上发现混乱的tag和嵌
套表格，避免产生新的bug。
加速浏览器当然，不只是快速的HTML使网站奔跑如飞。网站的速度还取决于快
速的服务器和快速的网络连接。多数webmonkey不用花钱买自己的网络连接和机房
，但这不是问题。
让专家们去做吧：调查用户从不同地区镜像站点下载的速度。做这件事的一个
好办法是与建这些网站和维护它们的人交谈。
如果你拥有自己的网站空间，应该对服务器软件进行速度优化。
Gaudet???Apache HTTPD Server???????????化Microsoft IIS和ASP的文章。
目前我们正在调试，不过几周内我们就会成为这方面的世界级专家。
我正在试图避免的一个习惯是URL的重定向。这种重定向使用户从点击连接到到达
目的地的时间加倍。经过我的计算，我们最近通过去除查询结果页中的重定向每天
为HotBot用户节省了超过1,000人工小时。
既然你已经知道了很多，那么就动手吧！还觉得慢吗？向高手请教吧！
第四页：说服你的老板是否你觉得网页不够快，但是你的网站的经理却认为没
关系？
那么你应该给他演示一下。找一个用了两年的计算机，连到电话线上。拨号进
入AOL或其它一般的ISP。让你的网站经理看着你们办公室里最不懂技术的人下载你
的网页和你的竞争对手的网页。让测试人员在快页和慢页之间切换。如果这样简单
的演示不能说服任何人“下载时间直接影响你们站点的品牌和点击率”的话，该是
更新你的简历的时候了。
在你的办公室里宣扬速度的重要性。建立关于页面大小、单位和下载时间的公
司标准。
这意味着必需删除一些广告标语和迫使你的合作者砍掉一些想加的新东西。你
可能会使一些人不高兴一段时间，但是你的访问者会用点击率来回报你。做一个优
化前和优化后的点击率的比较图表。我见过的这样的图表很能说明问题。
回到八十年代，股票市场的亿万富翁到处宣称“贪婪是上策”。在互联网上，
速度是上策。为了给你的访问者提供好处，你需要确定明确的目标，经常测量网页
的表现，说服你的同事这样一个道理：如果没有访问者，你们的工作毫无意义。
--
┏━┳━┳━┳━┳━┳━┳━┳━┓
┃当┃你┃你┃你┃去┃我┃我┃我┃ My e-mail:11_wolf@163.net
┃了┃跟┃也┃没┃做┃手┃要┃不┃
┃小┃在┃没┃有┃老┃敲┃把┃再┃
李┃尼┃身┃有┃讲┃和┃木┃你┃烦┃ My homepage:http://192.168.35.20
敖┃姑┃后┃哭┃话┃尚┃鱼┃忘┃恼┃
※ 来源:·BBS 荔园晨风站 bbs.szu.edu.cn·[FROM: 192.168.35.20]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店