|
目前媒体上关于主页编写技巧方面的文章很多，而关于网站优化方面的文章却较为少见。实际上，一个网站在建成之后，必须不断地对其进行优化才能使其生命得以延续和长青。为此，笔者半路杀出个程咬金，大喝一声，猛砍三板斧……
一、处理图像
稍有经验的网民都知道，链接一个网页后，文字部分几秒之内即会传完，然后就是“傻傻地等，她也不会回来”的图像下载过程。一个不起眼的小图像，却相当于上千个字所占的储存空间。很多网页制作者会花大力气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等截图软件截下，方便快捷。
二、巧用分割视窗
众所周知，绝大多数浏览器都会在内存或硬盘中设置缓存，存储最新用到的图像。当浏览器读到相同的文件名时将首先从缓存中调用，极大地提高了浏览的效率。因此，如果网站有大量相似的页首图形（如公司的通用标志、按钮或导航条），不妨在页面51左右的地方砍下一斧——进行分割视窗，把不变的部分单独做成一个小窗口，使那些重复的图像不必一遍一遍地下载而可以直接从缓存中读出。
三、提供多版本
你要想到，自己的网站不是小学时代在课堂上念的得意作文，而是要展示在世界大舞台上。不同的语言、不同的审美观、不同的操作系统、不同公司开发的浏览器、浏览器的不同版本……最常见的例如众多低版本的浏览器不支持javascript、CGI、Frame、GIF89等等。当我看到自己用FrontPage98呕血制作的精美网页在朋友的Netscape 2.0中“上镜”的表现时，真是天晕地转、日月无光……醒来后立马用Netscape Gold3.0做个低版本链上去。因此，如果你筹备一个较大的网站，应考虑简体中文版、繁体版、英文版、纯文本版、多媒体版。虽然听起来很可怕，但实际做起来不过增加一倍的工作量，这样却能拉来全世界的观众，何乐而不为？
总之切记：如果你的网站是采用了先进的技术制作而成，一定要制作一个要求系统软硬件配置低的低版本（或干脆来个纯文本版），可别忘了不算少数的“工薪阶层”的网民。
作者：镇毅
没有相关教程
| 
注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！ 本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网] 
