利用网页技术缓解浏览器读取网页压力

来源：徐州亿网网络科技有限公司 时间：2012-03-24 作者：

　　不知道朋友们有没有遇到过这种情况，在打开网站时，有的网页看起来并不大但打开会很卡，有的网页虽然很长却使用的很流畅，什么影响着这些问题呢？徐州网站建设告诉你答案——电脑的内存与CPU。 在这里徐州亿网就跟大家说说如何利用网页技术来减少电脑内存与CPU的压力。

　　第一、从结构上

　　1.使用DocType，告诉浏览器你在用什么，html4也有DTD。也许Transitional更适合你。如果使用的是XHTML并能保持良好结构的话，记得输出相应的MIME跟XML头1，可以减少浏览器的代码检查，保持结构的完整，不要让浏览器帮你补全代码。

　　2.控制页面的文件大小，可以通过程序把为了看代码比较舒服的缩进去掉。2~3K也是大小。

　　3.iframe会产生新的页面，其实有很多方式可以代替iframe。

　　4.引入的JS与CSS可以适当合并，同样背景图片也可以合并，甚至有人连Flash都合并。

　　5.给已知宽高的内容图片/Object加上宽度的属性可以减少页面的局部重渲染。

　　第二、从表现上

　　质量99跟70的jpg在大多数情况下只有文件有大小不一样。gif的也一样，特别是小图标，256色跟128色的差别是文件大小。flash动得太快吃CPU很大，控制每秒的帧数及动画的效果可以减少一些，如果把品质用中低显示会省很多资源，但这样却牺牲了效果。quality属性 有时选择Autolow2 或者Autohigh会更适合，没必要一直low 或者best，flash使用矢量图会节省文件大小，但计算复杂的图形跟动画时花的是CPU。复杂的太多滤镜，则会占用大量内存，模糊滤镜有减少些3。

　　第三、从行为上

　　别为了使用一个$()引入整个prototype或jQuery，它们有更多的作用。

　　AJAX很帅。但是用xml会用上XML解析器，有人推荐用JSON，可是这样要eval数据，其实可以直接import已经是对象的script来用。只是要多传个对象名，或者把对象名写死，或者像flickr那样jsonFlickrApi({"xxx":"xxx"})，直接当函数用，挖哈哈。

　　实现某些效果时能用visibility:hidden解决时就别用display:none来玩。

　　产生问题：虽然会引起浏览器的模式问题，但问题是可以解决滴。参考Serving up XHTML with the correct MIME type，派送XML头浏览器不会容错显示，出现错误结构会导致整个页面无法显法。

　　以上由徐州亿网网络公司（http://www.exz.cn）提供！

• 上一篇: 分析css3可以给我们带来更好的用户体验
• 下一篇: 浅谈2012年网页设计发展趋势