当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 优化WEB应用的方法

WEB设计综合
使Flash页面通过校验
WEB 标准剖析
制作网页中的渐变背景
表格特效代码全集
Photoshop 打造金属指环
网页标准中链接属性 rel 与 target
HTML在线编辑器的调用及使用方法
div+css设计网页时浮动问题的解决方法
解决XHTML+CSS2.0式的页面结构在IE5和IE5.5下的BUG
WAP 开发出现的中文显示问题
详细的IMG,IFRAME的属性参考
可通过XHTML1.0校验的Flash嵌入代码
在IE和FIREfOX下正常显示的网页内嵌播放器代码
使 XHTML Strict 支持 target 标签
语言(文化)代码与国家地区对照表
网站设计技术规范
点击连接时不出现虚边框的方法
制作1px边框表格的几种方法
图片横向连续滚动的代码
合理架构css

WEB设计综合 中的 优化WEB应用的方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1237 ::
收藏到网摘: n/a

在最近的项目中,我发现许多过于臃肿的网页。对于内联网中的网站而言,这一般不会造成什么问题。不过,当你通过互联网向外发布网页时,性能可能是我们关心的主要问题——毕竟,多数用户并非通过高速连接访问网站。本周,我来分析一下优化WEB应用的方法。

常见问题与可能的优化方案

加载网页的时间过长,这仅仅是WEB用户的常见投诉之一,但这也是最明显的问题。WEB开发者的主要问题在于:他们认为自己的平台满足一个目标用户群。但用户的计算机配置与互联网连接速度各不相同,所以开发者应能满足用户的最低要求。

页面大小除影响下载速度以外,它还会影响WEB服务器资源,如磁盘空间和带宽资源。有许多方法可以对网页进行简化。经验证明,仅仅保留必要的内容、并尽可能地简化图像与脚本,这些都是很好的方法。

将网页保持在30-40K范围内,这是人们常用的标准。那么,该如何简化网页呢?下面的列表提供了一个可能的选择样本:

使用CSSCSS能够显著简化页面设计,并减少加载时间。因为使用HTML表会增加页面中的字符,所以应使用CSS,并使页面最小。

使用CSSJavaScript外部文件:这样可促进文件在页面间的再利用,并集中维护。另外,初次请求/加载后,文件即被存入缓存。

少用过长网页:可以使用多个(更小)页面来加速响应时间,减少文件大小。

仅在必要时应用特效:加载Java程序和Flash动画往往需要很长时间,用户无法处理这类内容。

避免使用框架:这是经验之谈,因为浏览器必须要求并下载框架,首先要求下载主框架,再要求下载其它框架。

考虑图像大小:图像的常用标准大小为12K,但你应把它计算在整个页面大小之内。

避免或减少服务器冗余传输:你可以通过AJAX方案来解决这个问题。

评论 (0) All

登陆 | 还没注册?