页面优化-如何减少网页的内存与CPU占用

日期：2013-12-16  来源：攀枝花惠康网络公司

有的网页看起来并不年夜但打开会很卡，有的网页虽然很长但使用流利，占用用户电脑的内存与CPU就影响这些。

2*2的图片跟8*8的图片巨细差不多，可是平铺布景2*2却占用年夜良多。

浏览器问题，有各自的浏览器措置内存问题会影响到，但几乎没法子节制得了，Windows上的：

IE系列，刷新收受接管的量不年夜，但最小化会释放内存，。
Opera最好。一向节制得很好。不存在侍趵硎题。。
Linux的内存分配机制与Win的纷歧样，有多少用若干好多，如不美观浏览器占光时说不定会干失踪系统。

发生问题：虽然会引起浏览器的模式问题，但问题是可以解决滴。参考Serving up XHTML with the correct MIME type，派送XML头子览器不会容错显示，呈现错误结构会导致整个页面无法显法。
连结结构的完整，不要让浏览器帮你补全代码。

页面问题，浏览器衬着页面会耗损内存和CPU，能削减一点就削减点。

使用DocType，告诉浏览器你在用什么，html4也有DTD。也许Transitional更适合你
如不美观使用的是XHTML并能连结精采结构的话，记得输出响应的MIME跟XML头1，可以削减浏览器的代码搜检，
节制页面的文件巨细，可以经由过程轨范把为了看代码斗劲愉快的缩进去失踪。2~3K也是巨细。
实现某些效不美观时能用visibility:hidden解决时就别用display:none来玩。
iframe会发生新的页面，其实有良多体例可以庖代iframe
惹人的JS与CSS可以恰当合并，同样布景图片也可以合并，甚至有人连Flash都合并
给已知宽高的内容图片/Object加上宽度的属性可以削减页面的局部重衬着
默示上
质量99跟70的jpg在年夜年夜都情形下只有文件有巨细纷歧样。gif的也一样，出格是小停笔，256色跟128色的分歧是文件巨细．
flash动得太快吃CPU很年夜，节制每秒的帧数及动画的效不美观可以削减一些，如不美观把品质用中低显示会省良多资本，但这样却牺牲了效不美观。。quality属性 有时选择Autolow2 或者Autohigh会更适合，没需要一向low 或者best，
flash使用矢量图会节约文件巨细，但计较复杂的图形跟动画时花的是CPU。复杂的太多滤镜，则会占用年夜量内存，恍惚滤镜有削减些3。
IE的滤镜也是斗劲占用内存，同时也有兼容性问题。全屏的半透明很吃资本的。
gif动画同样有帧的概念，别把gif当成flash来玩鞠肝