除了网页的内容,形式外,对下载速度也应该考虑,在设计过程中可以参考下面的一些规则与技巧。
1. 控制页面的总规模
要想把网页做得精彩,内容必定要丰富,但不要把所有的内容都放在一个页面上,应控制页面的总规模。
2. 分解大型表格
网页中应尽可能避免使用大型表格,因为浏览器必须等待整个表格的内容全部到达客户端,才能显示这个表格的内容,而文本或图像则是一边下载一边显示。如果页面中必须使用表格,可将大表格分解成若干小表格。
3. 少用图片来叙述内容
大量图片给页面增加了负担。一些文字性的图像按钮也尽量少用,如果必须要用,也应包含Alt解释文本。
4. 标记图像的大小
在HTML代码中,最好标记出图像的显示高度和宽度,在下载页面时,浏览器会按这个高度和宽度留出图像的位置,在图像下载完毕之前及时地显示其周围的文字内容。
5. 重用图像
如果多次使用同一图像文件,客户端浏览器将从它的Cache中找出先前下载的那个图像文件并调入显示,而无需再从Web站点上下载,即使它们不在同一页面中,这样调入图像就不受带宽的约束。因此各页面的背景图案可使用同一图像文件,既统一了页面的风格,又可节省图像下载的时间。
6. 选择合适的格式
JPEG格式是网上非常流行的图像格式,它对于大型图像的压缩率特别高,而GIF格式更适合小图像和艺术线条一类的图像。对于同样内容的4KB以下的图像文件,GIF格式比JPEG格式效果更好。
7. 减少图像的数目
网页中不要使用太多的图像文件。图像文件的数量和大小对页面是很重要的,因为每下载一个图像文件,浏览器都将向Web服务器请求一次连接,所以图像文件越多意味着页面下载的时间越长。因此,要尽可能地减少图像文件的数目。
8. 对大型图像的处理
当页面必须有大型图像时,有两种处理方案可供参考:其一,建立一个缩图图像文件置于主页中,将它链接到原始的大型图像;其二,先创建一个同原始图像一样大小的但降低了色彩和分辨率的图像文件,使用低源标记,让该图像文件首先下载。这种方法的优点是使客户不需下载大型图像文件,就能快速地了解到图像的大概内容。
9. 使用JavaScript
能用HTML和JavaScript完成的事情,最好不用JavaApplet和ActiveX来做。
10. 少用背景音乐
虽然目前版本的HTML语言具有在网页中加入背景音乐的功能,但网页中有背景音乐会降低网页下载到客户端的速度,除非创建一个有关音乐的网站,否则只会给人以华而不实的感觉。如果非要加入背景音乐,那么音乐文件最好使用MIDI格式,而不用WAV格式。
总之,网页设计者应该对自己的页面精雕细刻,尽可能减少每一个字节,以提高网页下载的速度和使用效率。
参考文献:网站建设与管理 吴振峰 主编