低带宽环境下网站设计策略

每个网站设计者都希望自己设计的网站尽善尽美，能够让访问者一见倾心。为达成这一目标，在进行网页设计时，设计者常有追求至精至细的倾向。这虽然无可非议，但网站设计的最终目的，不是用于孤芳自赏，而是以满足用户访问需求为终极目标。对访问者而言，他们希望网站提供精美内容的同时，首先必须能够保证一定的访问速度，否则即使网站内容精彩异常，但却千呼万唤始出来，同样会使访问者因无法忍受漫长的等待而弃之。

就国内网络现状来看，接入带宽虽较过去有所改善，宽带接入技术也正方兴未艾，但整体状况依然不容乐观，拥塞现象仍较为严重。低带宽依然是多数网站设计必须正视的现实，因此如何使自己的网站适应低带宽网络环境成为不少网站设计者面临的主要挑战之一。

从技术角度而言，若想使自己的网站在低带宽环境下同样有出彩的表现，无外乎是在不影响网站核心内容的前提下，尽量减少带宽消耗因素，使网站去芜存精，剔除不必要的细枝末节，让低速访问者也能够得到较为理想的访问速度。

■为图片“瘦身” 　　
图片内容是公认的影响网站访问速度的大敌之一。精美的图片有时固然可以成为网站设计的画龙点睛之笔，但更多时候却表现为蚀耗带宽的主要“杀手”，尤其是多色彩、高分辨率、体态臃肿的大幅图片更是如此。因此在非必要情况下，尽量减少图片使用是提高网站访问速度的要诀之一。 　　如果必须使用图片，则应设法将图片体积压缩至最小。图片体积除了受幅面大小的影响外，图片色彩种类的多少也是影响体积的关键因素，因而减少图片中的色彩种类可以得到较为显著的“瘦身”效果。在不影响网站设计初衷的前提下，将图片色彩从真彩或256色调整为32、16或8彩就可以让多数体态臃肿的图片苗条不少，而这种色彩调整一般通过常用的图形编辑软件，就可以轻松搞定。 　　另外，在图片使用较多的情况下，将图片分割成小块而后进行组合，也不失为一种行之有效的“瘦身”捷径，这样部分图片中的重复部分，通过采用缓存技术可使用户访问时仅需下载一次，能够显著提高后继图片的显示速度，从而带动网站的整体访问速度的提高。

■勿以图代文 　　
HTML之所以被称作超文本标记语言的原因，是因为它可以完成普通文本无法胜任的更多工作。因此在网站设计过程中，单纯HTML文本可以完成的工作应尽量避免使用图表替代。如需强调部分内容或需要营造特殊的视觉效果，可以通过DHTML-CSS等特殊字幕显示技术加以实现。这一技术的缺点是在不同类型的浏览器中的实际表现的效果有所不同，设计时需要进行相关的调试，但它却是减少网站体积的行之有效的途径。

■慎用动画 　　
动画是加强网站视觉效果和吸引注意力的捷径。活泼有趣、动感十足的画面有时可以收到出奇制胜效果，但同时也应意识到，动画对网络带宽的胃口也同样不小，切不可乐此不疲。滥用动画的结果可能会导致许多带宽有限的用户对其望而生畏而退避三舍。

如果感觉网站上的动画必不可少，则应通过一定的动画编辑技术尽量压缩动画体积，以免影响访问速度。如果动画与访问速度出现较大的“利益”冲突时，对其忍痛割爱当为明智之举。 　　

■巧用表格 　　
表格也是使网站引人入胜的法宝之一。需要注意的是，设计者对表格的不同编码和处理方式，将会给网页的加载速度带来截然不同的后果。 　　将整个网页放置于一个单一表格内或将表格嵌套使用，是网站设计的大忌，这将会导致网页无法在访问者的浏览器上逐行显示，而只有等到整个表格加载完毕，且浏览器根据计算确定不同表格元素的位置后，才能一次性显示。这会让访问者感觉等待时间过长而转向其它网站。定义每个图片的宽、高及表格单元的位置属性，可以有效避免表格嵌套，并可使浏览器在网页全部下载完之前就能够定位表格单元及图片位置，不致出现长时间的网页显示停滞现象。

■立足访问者角度考虑网站设计 　　
除了考虑以上几个方面的因素外，立足用户角度确定网站设计策略，也是网站设计者应当遵循的重要原则。如果准备设计的网站是面向能够以LAN速度访问的公司Intranet用户，则可适当考虑增加音频和视频等多媒体内容，这不但可以使网站有声有色，而且也不致对用户访问速度造成显著影响。如果面向的主要用户是接入速率仅有几十KBps的拨号用户，则需要对这类明显影响访问速度的内容三思而行，避免出现舍本逐末的不智之举。