杭州企业邮局网络公司--杭州域名服务网 杭州企业邮局
服务热线:0571-28812275
网站建设 域名注册 虚拟主机 企业邮局 网站推广 产品与服务 典型案例留言咨询 杭州虚拟主机首页 
 
 企业邮局基本知识
 企业邮局操作问题
 企业邮局界面预览
 企业邮局帮助
 域名控制面板
 联系我们
 客服中心
 交费方式
 留言咨询
 联系我们
 北京新网互联
 时代互联
 厦门中资源网络
 商务中国

ASP开发 行业新闻 网站建设
PHP开发 网络营销 JSP&JAVA开发

浅谈个人主页之网页优化


网页做的是否成功,除了要考虑外观设计,内容组织外,最重要的是当一位访客浏览你的网页时,能快速地看到内容,而不是等待,等待,再等待。
     个人主页安家多在提供该项服务的服务器上,所以在硬件上我们选择的余地不多,但我们可以在软件上下功夫,提高网页的下载速度,而今天我就从以下几个方面来谈谈网页的优化问题。
     一.不该要的就不要
     我们在制作个人网页时,都想提供最多、最新的内容给访客,因为这是吸引他们的有力工具。但贪得无厌会使自己的网页过于臃肿,别人等待半天,什么也没有看到,所以我们在制作网页时要记住,不该要的东西就不要。这并不是一个技巧,但往往被人忽略。
     在一些网页上聚集着很多小图标,也就是广告交换LOGO,大小一般为88x31,容量一般为3K在右,在有些人看来,这并不会影响下载的速度,因为它们的容量都很小。下载一个88x31的LOGO标准时间需要1秒钟,如果服务器速度有问题,很可能要2秒以上,假使你网页上有5个这样的LOGO,那么下载完全需要5-10秒,你觉得很短吗,的确是,但访客的容忍限度是20-30秒,也就是说如果在这段时间里,还没有看到网页或者网页的全部内容,那么访客很可能离去。还有一个问题是,往往有些网友放置了一些"毫无意义"的LOGO,比如IE4.0下载图标,很少有人会点击它。除非你的网页没有LOGO可用了,不然就删除这些LOGO。不管是网页制作者还是访问者,都会有这样的经验,不会完全等到页面所有内容下载完后,去选择链接单击,你设计的绚丽多姿的内容,可能别人还没有看就从他视觉里消失了,而如果有同样的选择,访客会去一连接就能出现内容的网页,而不是去你那等待。
     我知道,大家都喜欢用GIF动画来装饰网页,它的确很吸引人,但我们在选择时,是否能确定必须用GIF动画,如果答否,那么就选择静止的图片,因为它的容量要小得多。同样的88x31的LOGO,GIF动画的容量有5K,而静止LOGO的只有3K。虽然只有2K之差,但多起来,就会影响下载的速度,所以,如果有些不是必须的,就选择最小的。同样我们在选择是否用JavaScript时,也要如此问自己,是否需要。总之,在我们制作网页时,要有"积少成多"的意识,也就是说,小的东西多起来就会变成了大的,不管是一幅图片或者一个按钮,都要把它设计到最小,这样节约下来的下载时间是很可观的,而不要把任何没有经过处理的对象放置到网页上,这点很重要。
     二.图形的问题
     图形是网页必须要的,一副图片完全可以表达大量文字所代表的意义,但图片也是影响网页下载速度的罪魁祸首。我们在制作网页时,GIF与JPEG是打交道最多图片格式,而在使用它们也有一些技巧。首先来简单了解一下这两种图片格式的性质。GIF图片格式颜色允许最大256色,而JPEG允许16万色,而GIF支持动画格式,JPEG不支持,但它们都可以交织显示,也就是从模糊到清楚。了解了两种格式的性质后,在使用它们时,该怎样选择呢,专家有这样的建议,当你要显示照片或者要图片具有某种水印效果,模糊效果,那么选择JPEG,如果你需要动画、黑白图片、透明图片,那么就选择GIF。
     GIF图片格式颜色最大允许256色,但在选择GIF调色板时,可以设置256颜色以下的颜色,比如188,204等,大家如果使用Photoshop这样的图片处理软件就会发现在保存GIF图片时,会让你选择保存的颜色数,一般来说,你可以选择256色以下的,因为它可以减少图片容量。
     GIF图片的优势在于显示小图标时,比如公司图标,广告图标,也就是为什么现在广告LOGO都是GIF图片格式。而在与JPEG图片相比较,当它们显示同一副图片时,会发现GIF图片格式和网页背景融合的更好,而JPEG图片会发现四周的晕边,而且GIF可以处理成透明图片,和网页背景有更好的融合。但如果处理大的图片,会发现GIF图片的大小比保存至JPEG格式的图片要大的多,所以,处理大的图片,最好用JPEG格式,它有高的压缩比。
     我们在使用这两种图片格式时,要注意图片的尺寸,选择过大的图片尺寸,会使得网页下载速度过慢,增加WEB服务器的负荷,目前网络速度慢的原因,有很大原因是访客等待图片的下载,所以,对于图片,要选择更合适的尺寸。而且在制作网页过程中,要给图片指定高度和宽度,因为有时候我们会把本来尺寸很大的图片设置成小尺寸的图片,虽然图片本身没有改变,但指定小尺寸后,就会减少下载时间。也可以在原图片下载之前,指定一个小容量的图片,因为小容量的图片会先显示,然后在显示原来的图片,如果你使用FrontPage98工具,那么可以在图片设置栏里设置,你也可以按以下HTML代码设置:
     这时候,2.gif会先1.gif显示。
     目前在网络上又出现了一种图片格式-PNG,它具有以上两种图片格式的优点,无失真,高压缩,透明支持,真彩色,但因为现在的浏览器对它的支持不够,所以使用的人不是很多,但以后新的浏览器会支持它。
     图片问题是网页制作中最复杂的问题,我们在利用图片时,要精,而不要随便就把没有经过处理的图片放到网页上。
     三.网页设计
     在浏览网页时,一般要经过:下载、完善、可视三个视觉步骤,而下载是最关键的一个步骤。如果连接半天还没有返回页面,那么访客会离开,所以,提高下载速度是网页优化的关键。在设计网页时,会利用许多老的或新的技术,但当你使用某一项技术时,有可能因为浏览器的兼容问题,会使得网页下载变得非常缓慢。有时,只出现了网页背景,内容却迟迟不出现,这就是因为浏览器在解释网页文件时,出现了问题,所以,在网页设计上一定要注意。
     目前利用表格制作网页成为流行,因为它具有完备的布局功能,可以指定文档或图片在某一个地方出现。但在利用表格过程中,要注意一些问题,笔者利用FrontPage98表格功能做的一个网页,在IE4浏览器可以非常快速的浏览,但利用网景浏览器时,发现背景出现了而内容迟迟没有露面,经过分析发现是因为表格的缘故。因为表格嵌套过深,也就是在一个表格里,还包含数个其它表格,我们知道,当浏览器遇到表格时,会首先解释最里层的表格,然后再解释外层的表格,顺序是从里到外,最后再解释表格里含有的内容,也就是说,当你使用一个大的表格,而其中又包含其它表格时,浏览器的解释将变得十分麻烦,它将一层层解释表格,然后浏览器本身含有不兼容的的问题,就会照成页面内容没有出现,但数据还在传输。如果要避免这个问题,专家建议不嵌套超过三层的表格。你也可以把网页分成几个表格进行设计,比如标题导航一个表格,内容目录一个表格,然后制作信息一个表格,这样做可以使得浏览器分开解释表格,它可以解释完一个表格就出现表格里的内容,然后再解释下一个表格。
     网页制作技术发展十分迅速,但相关的标准却迟迟定不下来,这当然主要是两大浏览器公司为各自利益相争的缘故,使得浏览器的兼容性大大降低,往往在某一个浏览器浏览十分好,但使用另一家浏览器时,页面是一团糟,所以,当我们制作完网页后,要进行测试,下面就谈谈这个问题。
     四.测试网站
     当完成网页的制作,测试网页是必须的,因为你可以首先发现网页的问题,比如下载的速度。
     1.确定自己的想法
     我们制作网页,会有自己的想法,比如提供给别人什么。那么,我们就要确定自己的某些想法,自己能忍受的网页下载速度是多少秒,10秒,还是30秒,再看看你的网页是否达到了这个标准,如果没有达到,分析一下,网页上什么影响了下载速度,你可以试着取消某一个图片,再看看,当然,这些测试不能在本地,而要把网页上载到服务器上。
     2.人工测试网站
     要测试网站,首先把网页上载到服务器上,然后打开浏览器,把缓冲里的资料全部删除。因为如果没有删除,浏览器请求页面时,会读取缓冲里已含有的内容。你也要选取所有的功能支持,比如JavaScript,CSS。然后在浏览器里填写请求的URL,如果你有一个跑表或者某一个能够计秒的工具,在请求的开始,开始计秒,等到出现了页面的整体框架时,停止计秒,看看下载的时间。这时候,你并没有获得网页的全部内容,所以第二次测试,将是看看下载完全的网页,所需要的时间,重复以上所有过程,而到网页的内容全部下载后,停止计秒,然后再看看所花的时间,经过以上的步骤,你就会对自己网页的下载时间做到心中有数了。当然,还有些问题要注意,比如测试网站的时间,晚间就较快,而白天就较慢;还有服务器的问题,不同的浏览器,不同的调制解调器,测试网站时都要考虑,你也可以在不同条件下进行测试。当然,这些测试只能取得一个附合大多数访客的标准,要附合每一位访客的要求,那是非常困难的。
     3.第三方测试
     是否觉得人工测试很麻烦,那么你可以试试第三方测试,也就是请你的朋友测试,询问他们的感觉。当然,最好选择不同地域的朋友一起来测试,让他们回复你,告诉你请求网页时的时间等等,因为,做网页就是给人访问的,所以访客就是权威。
     你可以试试某些网站提供的服务,只需在网站上填写一张表格,然后就可以静候网站对你的评价了,如果填写了自己的电子邮件地址,那么它会把测试结果发送到邮箱里。而该测试的内容也是丰富的,比如HTML代码是否精炼,GIF及JPEG的图片使用是否有效率等等,的确值得一试,但我们也不能完全相信,因为这种服务多数都在国外,不可避免的产生某些问题。如果需要,可以连接至某些网站进行测试:
     文章写到这里,我也知道这并不是提高网页访问速度技术的全部,因为,要提高自己网页的访问速度需要自己在实践中去总结,去不停地修改。如果你从来都没有重视过这个问题,那么现在开始去注意它,因为自己发现缺陷,总比别人发现好,你说呢?
  


发布时间:2006-2-18 13:21:52



回复:浅谈个人主页之网页优化………


回复主题:
回复内容:
相关图片:



公司简介 | 联系方式 | 如何交费 | 咨询留言 | 客户服务 | 代理合作 | 友情链接
Copyright © 2004-2005 Sdcom™ All rights reserved
   联系电话:0571-28812275/28812272 节假日值班:0571-88699879 Email: