搜狐首页-新闻-体育-娱乐-财经-IT-汽车-房产-家居-女人-TV-ChinaRen-邮件-博客-BBS-搜狗 

数码天下 > 网狐学园-全中国人的电脑学习中心 > 网络应用-网狐学园 > 网页制作
轻松提高网页下载速度 网页制作优化方法二则
时间:2006年04月30日10:59 我来说两句(0)  

 
来源:天极网

25亿像素的大照片
P2P视频下载60%为情色
两大浏览器龙虎争霸
最佳创意产品NuLOOQ
迅雷存在严重DDOS漏洞
Windows的环保卫士
Vista和XP响应速度相近 用注册表砌安全墙
插件让IE向Maxthon看齐 把摄像头变3D扫描器
搜狐数字艺术博客大赛 低端显卡Aero亦流畅
搜狗拼音输入法 | 暴风影音 | WinRAR | FlashGet | 瑞星卡卡 | Firefox | Picasa
搜狗工具条 | ACDSee | Maxthon | Internet Explorer | Windows Live Messenger

方法一:优化表格提速

表格的使用增加了显示页面的时间,有时这样的时间很长。因为浏览器需要在填充表格的内容之前完全理解表格的结构,在大部分(如果不是全部)表格的内容下载之前,浏览器什么 也不能渲染。当表格变大时,需要处理的信息将呈指数性增长。在先前的计算机上,这些处理性工作很不容易,表格渲染 需要大量时间。

使用表格时间长了,你会发现大量小表格渲染起来比一个有很多行的大表格快。至少看起来是这样 - 真象那么回事(记住:是感觉到的速度,而不是实际速度)。

如果你在用一个九行的表格(每个单元有很多信息),可以把它分成三个各有三行的小表格。如果你的网页很长,这种策略特别有益 - 在后面的表格下载时用户可以看前面的表格。

使用Width属性

为使你的HTML尽量对浏览器友好,应该对< table> 和 < td>标记适当地使用Width属性。这种属性允许你定义整个表格的宽度,也可以定义单元格的宽度。如果事情并没有好起来,你应该怀疑浏览器 - 是它的原因。所以只要检查你是否算对了就行了 - 如果你把一个单元格设为100个像素宽,可是却把一个110个像素宽的图像插入其中,结果是:表格暂时出现,然后当重绘自己以便能容纳图像时又消失了。不用说,浏览器的这种过滤作用同它的慢速一样令人讨厌。

把窗体放在表格里不幸的是,不同的浏览器和操作系统对窗体元素的处理方式不同。Mac上的下拉菜单比Windows中的要宽很多。Netscape 4 处理可写的文本框和处理文本一样,所以如果增加浏览器的缺省字体大小,所有的文本框都会变大。Netscape 4中的可写文本框比其它浏览器中的宽20%,而且受字体标记的影响。所以, 总而言之,你的窗体在一些用户看来会很奇怪 - 除非你有意支配它们。

不要相信所见即所得的编辑器

表格真令人痛苦,这就是为什么所见即所得的HTML编辑器流行起来的原因。但是,在这些编辑器使建表格变得容易的同时,它们也产生了一些令人吃惊的低效率的代码。特别是GoLive 的CyberStudio使用了一种产生梦魇般臃肿表格的布局系统(尤其当你没有认真按用户手册操作时)。

所见即所得编辑器的布局和预览窗口在处理不必要的嵌套表格、没有设置合适大小的表格的列或奇怪的、转弯抹角的HTML代码时感到力不从心。因此,如果你希望你的表格尽可能地苗条和高效,同时又舍不得放弃所见即所得的编辑器,那么只好最后花些时间清理你的代码。一旦所有内容看起来都象那么回事,用文本编辑器打开HTML代码看看,你会发现你的表格漂亮而且干净。

方法二:利用缓存提速

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

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

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


热门新闻排行
01 广州Vista盗版江湖调查 全部破解版本大曝光
02 Windows Vista不兼容的应用程序,还有谁?
03 中国海贼版Vista入侵日本 "番茄花园"打头阵
04 挑战视觉享受极限 五款流行多媒体播放器比拼
05 Vista SP1发布计划已定 Windows XP SP3不再来
热门教程排行
01 安装系统不求人 就算没有光驱和软驱也能行
02 让电脑运转如飞 Windows Vista九则加速技巧
03 逐一辩驳:破解Windows Vista的四个性能谣言
04 专家经验谈:Excel工作表的几点设计策略
05 整容大法!Photoshop简单教程之美女去斑篇
蜘蛛侠主题Mod美图赏

蜘蛛侠主题Mod美图赏
两款可爱的iPod音箱

两款可爱的iPod音箱
小心别丢了 全球最袖珍5款科技玩意

全球最袖珍5款科技玩意
最强的概念车设计:超级巴士

概念车设计:超级巴士
LLADRó瓷器诠释人性情感

LLADRó瓷器诠释人性
德国家具设计精选作品

德国家具设计精选
最具创意的多功能床(图)

最具创意的多功能床
2006离生活最近的创意

2006离生活最近的创意
欢迎访问:软件频道 下载频道 网狐学院 数字艺术 考试 病毒与安全 创意赏析

(责任编辑:luwei)



共找到 1,095 个相关新闻.

我来说两句 全部跟贴(0条) 精华区(0条) 辩论区(0条)

用户:  匿名发表:  隐藏地址:


设为辩论话题      


精彩图片新闻


激情四溢沙滩宝贝


数码公社专栏

相关链接





搜狐短信 小灵通 性感丽人 言语传情
三星图铃专区
[周杰伦] 千里之外
[誓 言] 求佛
[王力宏] 大城小爱
[王心凌] 花的嫁纱
精品专题推荐
短信企业通秀百变功能
浪漫情怀一起漫步音乐
同城约会今夜告别寂寞
敢来挑战你的球技吗?
 精彩生活 

星座运势 每日财运
花边新闻 魔鬼辞典
情感测试 生活笑话


今日运程如何?财运、事业运、桃花运,给你详细道来!!!





菊花台
迷迭香
青青河边草
丁香花
原来你也在这里
爱如空气
不要再来伤害我

公社热图


·北美惊现若干神秘UFO/图
·范冰冰真空写真露点[图]
·传说中国内第一美女车模


频道精彩推荐

·胡锦涛访问美国等五国
·所罗门群岛爆发骚乱
·社会主义荣辱观
·王治郅回国 2006世界杯
·火车票交易吧 国足 NBA
·凯美瑞 思域CIVIC
·大众速腾 华晨骏捷
·我的女孩 王子变青蛙
·清华紫光 瑞星 S.H.E
·新农村建设 加息 油价






不怕不怕
吉祥三宝
桃花朵朵开
千里之外
大城小爱
梁祝
迷糊娃娃可爱粉红卡通
四季美眉给你最想要的

news
搜狐分类 ·搜狐招商


创意就是这么简单
女星豪乳尺码大曝光
·现场抓拍明星着透视装
·芙蓉二代横空出世
·央视女主持辞职拍艳照
·徐若瑄15岁全裸写真曝光
·拍摄:娱乐圈性交易过程
·抓拍模特海滩宽衣解带
·外国女生流行拍的艺术照
·台湾十大波霸照片大比拼
·网络美女全裸人体摄影
·范冰冰终于还是脱了

推荐企业
2006年世界电信展 诺基亚 瑞星 联想 摩托罗拉 三星 清华紫光 金山 索尼爱立信 索尼
给编辑写信



设置首页 - 搜狗输入法 - 支付中心 - 搜狐招聘 - 广告服务 - 客服中心 - 联系方式 - 保护隐私权 - About SOHU - 公司介绍 - 全部新闻 - 全部博文
Copyright © 2018 Sohu.com Inc. All Rights Reserved. 搜狐公司 版权所有
搜狐不良信息举报邮箱:jubao@contact.sohu.com