你正在查看: 首页 > 技术文章>html > 网站优化三板斧

网站优化三板斧

网站优化 目前媒体上关于主页编写技巧方面的文章很多,而关于网站优化方面的文章却较为少见。实际上,一个网站在建成之后,必须不断地对其进行优化才能使其生命得以延续和长青。为此,笔者半路杀出个程咬金,大喝一声,猛砍三板斧……

一、处理图像

 稍有经验的网民都知道,链接一个网页后,文字部分几秒之内即会传完,然后就是“傻傻地等,她也不会回来”的图像下载过程。一个不起眼的小图像,却相当于上千个字所占的储存空间。很多网页制作者会花大力气MAKE出又猛又酷的图像,但要知道网民最常用的一个动作便是:快速拖拉滚动条或猛点链结点进入下一网页用以跳过图像!但对这些呕血图像,你我又“舍不得放弃心不甘”,这时就可以采用一些技巧来优化处理图像,达到优化网页、加速页面下载的目的。

1.该出手时就出手

 你的网页真的简洁吗?看看页面中是否还摆放着几个精巧的FrontPage98、Netscape Navigator或Internet Explorer商业按钮?邮箱地址前是否还有一个大大的卖弄风姿的动画邮桶?是否还有一对非常漂亮但又与内容无关痛痒的小美人?删了吧!想想删去几个图标就能获得加快几秒或几十秒浏览速度的快感,有何不忍!

 还有一种比较折中的办法:用文本化的“提交”按钮取代图形化的“提交”按钮。用静态图形取代GIF动画图形以及用标记取代能产生特殊效果的“header”图形等,都将大大加快网页下载速度。

2.图像格式的选择

 有人认为图像采用GIF格式或JPEG格式相差无几,其实在网页中却大有学问,很多网页就是在这条小沟里翻了船。

 GIF格式的图像是不会超过256色的,因此适用于整洁的小图形,如简单的小按钮、导航条和公司标志等。同时,GIF是无损失的压缩格式,不会使图形变模糊。因此对于要求比较细微的图形(如游戏攻略中的迷宫地图),应选用GIF格式。

 对比图1、图2两个图标:图1是透明GIF格式。看上去清晰、简明;图2是JPEG格式,见到那些象地下城一样恶心的暗点及模糊不清的边界了吗?如果进一步把两种格式的图像放在有背景色的页面中,就更能明显地看出GIF文件在显示低于256色图标时的优势所在。JPEG格式图像最大的优势在于可显示出16MB色,压缩率比GIF格式图像高(且图像越大压缩率越优于GIF格式文件),最适合用于照片形式的图像。JPEG是有损失的压缩格式,因此在压缩时会造成照片细节的损失。对比图3至图6四幅图像:图3是128色的GIF图像,显得粗糙。图4是最佳效果(256色)的GIF图像,效果比图3好得多,但显得枯涩无光泽。图5为16MB的JPEG图像,渐近色的渐变光滑细致,效果最好,且文件更小。图6是尽可能压缩的JPEG图像,文件最小,但却“不忍目睹”。

 由此可见,对于照片图像,最好是用JPEG格式。你可以用PhotoShop、Graphic Converter、ACDsee等软件进行图像压缩或格式转换,然后比较各种格式文件的字节数及图像质量,择优而取。对大部分的图片进行这项工作,将大大减少图像的占用空间。

3.图片尺寸非小事

 在编辑网页时,注意尽量不用WIDTH和HEIGHT语句调整图形的大小或形状。其一:放大图像可能产生锯齿现象,但如果需要一个很少曲线或斜线的大图像(如大字的H),不妨用一个小图像在网页编辑软件中拉大,比直接采用大图像省好多空间;其二:缩小的图像会使浏览器下载的数据比实际要显示的图像多,增加了无谓的下载时间。笔者的办法是将图像调到最佳大小后,用HyperSnap-DX等截图软件截下,方便快捷。

二、巧用分割视窗

 众所周知,绝大多数浏览器都会在内存或硬盘中设置缓存,存储最新用到的图像。当浏览器读到相同的文件名时将首先从缓存中调用,极大地提高了浏览的效率。因此,如果网站有大量相似的页首图形(如公司的通用标志、按钮或导航条),不妨在页面5:1左右的地方砍下一斧——进行分割视窗,把不变的部分单独做成一个小窗口,使那些重复的图像不必一遍一遍地下载而可以直接从缓存中读出。

三、提供多版本

 你要想到,自己的网站不是小学时代在课堂上念的得意作文,而是要展示在世界大舞台上。不同的语言、不同的审美观、不同的操作系统、不同公司开发的浏览器、浏览器的不同版本……最常见的例如众多低版本的浏览器不支持javascript、CGI、Frame、GIF89等等。当我看到自己用FrontPage98呕血制作的精美网页在朋友的Netscape 2.0中“上镜”的表现时,真是天晕地转、日月无光……醒来后立马用Netscape Gold3.0做个低版本链上去。因此,如果你筹备一个较大的网站,应考虑简体中文版、繁体版、英文版、纯文本版、多媒体版。虽然听起来很可怕,但实际做起来不过增加一倍的工作量,这样却能拉来全世界的观众,何乐而不为?
总之切记:如果你的网站是采用了先进的技术制作而成,一定要制作一个要求系统软硬件配置低的低版本(或干脆来个纯文本版),可别忘了不算少数的“工薪阶层”的网民。

作者:镇毅



客服 反馈