通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>站长club>>建站经验>>正文 新版上线![旧版]
注:打开慢时请稍等
网站优化教程 - 第一天

http://www.iyit.net  日期:2006-5-8 14:36:07  来源:中国站长学院  点击:
参加讨论】 图像可值上千个字-特别在网上,一个简单的图像下载的时间相当于若干页下载的时间。到网上去看看,你会发现大块的下载时间来自于图像文件。

  在以后的四天里,我们会看到使页面趋向完美的所有不同的方法。今天我们从最明显的罪魁开始-图像。

  第一:网页访问者往往没有耐心。你的图像可能很酷,但是如果她们对于快速下载来说太丰满,很少有人会坚持到最后以求一睹她们的尊容。幸运的是,网页设计者可以使用一些技巧和优化来加速图像和页面的下载。

  第二:不必要的就不要其实没有什么特别的技巧。做其它事之前,从你的页面中把所有多余的图像去掉。这里“多余”不是指你们公司的标志或你们办公室的地图。我们是指那个精明的、在“发邮件”旁边的动画信封。也许在你的页面底部还放着随处可见的netscapenavigator和internet explorer按钮。说实话,有多少人没听说过这些产品呢?

  在网站中减少一个琐碎的10kb的图形文件可能对整个网站改进不大。但是如果你的整个页面才40kb,减少10kb就可以减少25%的下载时间-减少一个跳舞婴儿的按钮还是合算的。

  如果你的网页确实需要削减,可以考虑用文本“提交”按钮代替图形“提交”按钮。用静态图形代替动态gif图形可以减少下载时间。最后,一些神奇的“header”图形可以用font size和font face标记代替。

  第三:gif文件和jpeg文件除非你想得到archie或gopher一样的火箭速度,你总会用到一些图形。遵守一些创建图像的规则,你的页面下载的时间就会可行。

  开始时,确定一个图像用gif格式还是jpeg格式。这看起来很基本,但是还有一大部分网页犯这样的错误。

  gif用在看起来干脆整洁的小图形上是很完美的,但是不会超过256色。gif也可存为“透明色”-允许图形有不规则的边界。简单的公司标志、小按钮和导航条是应用gif图形格式的很好的例子。不象jpeg,gif是一种无损失的压缩格式,所以你的图形不会变得模糊不清。如果你在扫描有详细细节的地图,应该选择gif格式。不过,如果图片很大,gif文件会很大,下载时间也会很长。


  你不能从根本上压缩gif文件,但是可以减少位深,即限制颜色数。给定位深的颜色数等于2的位深次幂(即,8位=256色)。颜色数越少,图像的字节数越少。假设你正在建一个可口可乐的网站,可以把很多标志的位深减少到3或4位。

  jpeg文件可以显示几千种颜色,而且压缩率比gif文件高。它们很适合照片方式的图像。不过压缩成jpeg文件时会损失一些照片的细节。

  第四:合适的尺寸当你使用图形编辑器时,保证图形尺寸(72dpi)与将要在网页上显示的相同。在html中,用image标记的width和height属性重述图像的实际尺寸。这可以使浏览器在图像下载时同时呈现页面的其余部分-于是人们在等待图像是有其它东西读-并且保证在“关闭图像”浏览时可以看到正确的页面布局。

  如果在页面中使用表格,图像尺寸非常重要:因为没有定义尺寸的图像会迫使浏览器清除和重绘页面。这种情况发生在当浏览器按照table和td来建造表格,然后却发现表格单元中的图像没有尺寸参数却太大而不能放在表格中时。浏览器只得重绘表格来容纳如此笨拙的图像。效率低下的页面重绘浪费时间,而且用户看到不断消失和重绘的页面时也会不高兴。

  使用width和height时,最重要的是不要用它们调整页面图形的大小或形状。通过html调整大小是很差劲的,有两个原因。如果你放大图像,你会得到一幅有锯齿的图片。

  用html使图像变小不是一直很坏,但在表现上很差。因为浏览器下载的数据比实际要显示的图像多,于是增加了下载时间。


  第五:缓存是你的朋友有一个使图像下载更快的重要技术。那些在网站中重复出现的图像-比如通用标志、页首或导航条-不必一遍一遍地下载。缺省地,netscape和internet explorer在ram或硬盘上设置缓存来存储最近用到的图像。如果浏览器认识是相同的文件名,它会读缓存,而不是从网上下载。这种方法大大地提高了效率,以至于很多自动记时程序无法识别-你只好用跑表自己测测了。

  既然客户端的缓存如此有用,在设计网页时就应考虑到浏览器的缓存。例如,如果网站有大量相似的页首图形,应试图把它进行分割,使其中不变的部分能从缓存中立刻读出来。虽然在每页还要调用一个新图,因为这个图很小,所以下载很快。

  最后,把你的图像放在一个地方,最好在你的服务器上。这可以减少dns查找的时间。另外,如果你要存储图像的一个或几个服务器崩溃,将是一件很不幸的事。



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:公司建站完全手册╠╠网站的宣传与维护
下一篇:网站优化教程 - 第二天
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
行业网站设计心得
网站导航理论与实践
企业域名选择的原则和技巧
在网页编辑常用表现的实现方法
网站设计的思考(6)——首页的设计
行业网站设计心得
网站导航理论与实践
企业域名选择的原则和技巧
在网页编辑常用表现的实现方法
网站设计的思考(6)——首页的设计
网站设计的思考(5)——确定网站的整体
网站设计的思考(4)——确定网站的目录
网站设计的思考(3)——确定网站的栏目
网站设计的思考(2)——定位网站ci形象
网站设计的思考(1)——定位网站主题和
java数据类型转换
网站优化的十大奇招妙技
你的网站为什么不能帮你赚钱之二
网页应该怎样设计才能被百度有效收录
你的网站为什么不能帮你赚钱之一
新开放qq免费挂级网站
免费在qq上看在线电影电视听音乐
免费把qq炫铃设为本机qq的系统提示音
qq珊瑚虫外挂4.0版本发布!
腾讯qq调整升级条件不再诱发网民“通宵
优秀公益广告作品欣赏(8)
java数据类型转换
流金岁月!cpu历史上最难忘的十个第一
qq挂机的n种快速方法
asp自动解压rar文件
巧用photoshop图案工具
用photoshop制成浪漫的“珍珠项链”
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息