减少网页的内存与CPU占用量

  • 时间:
  • 浏览:1

有的网页看起来并非 大但打开会很卡,有的网页并非 很长但使用流畅,占用用户

电脑

的内存与CPU就影响哪些地方地方。

  浏览器问题,有每各自 的浏览器解决内存问题会影响到,但几乎没土法律法律依据控制得了,Windows上的:

  IE系列,刷新回收的量不大,但最小化会释放内存,。

  Firefox2据说也会在最小化回收,可我从没见过最垃圾,用几个是几个,基本不回收。据说prototype的ajax回会 引起内存老要 增加。

  Opera最好。老要 控制得很好。不指在哪些地方问题。。

  Linux的内存分配机制与Win的不一样,几个用几个,肯能浏览器占光时说不定会干掉

系统

  页面问题,浏览器渲染页面会消耗内存和CPU,能减少或多或少就减少点。



特性上

  使用DocType,告诉浏览器你在用哪些地方,html4要能 DTD。我知道你Transitional更适合你

  肯能使用的是XHTML要能保持良好特性说说,记得输出相应的MIME跟XML头1,都要能减少浏览器的代码检查,

  保持特性的删改,并非 让浏览器帮你补全代码。

  控制页面的文件大小,都要能通过应用系统进程把为了看代码比较舒服的缩进加进去。2~3K也是大小。

  iframe会产生新的页面,并非 有以后 土法律法律依据都要能代替iframe

  引入的JS与CSS都要能适当合并,同样背景图片也都要能合并,甚至另一各自 连Flash都合并

  给已知宽高的内容图片/Object加进去去时延的属性都要能减少页面的局部重渲染!

表现上   质量99跟70的jpg在大多数请况下没有文件有大小不一样。gif的也一样,怪怪的是小图标,256色跟128色的差别是文件大小.

  flash动得很快吃CPU很大,控制每秒的帧数及动画的效果都要能减少或多或少,肯能把品质用中低显示会省以后 资源,但原来却牺牲了效果。。quality属性 有时确定Autolow2 肯能Autohigh会更适合,没必要老要 low 肯能best,

  flash使用矢量图会节省文件大小,但计算多样化的图形跟动画时花的是CPU。多样化的没有多滤镜,则会占用少量内存,模糊滤镜有减少些3。

  IE的滤镜也是比较占用内存,一并要能 兼容性问题。全屏的半透明很吃资源的。

  2*2的图片跟8*8的图片大小差没有多,否则平铺背景2*2却占用大以后 。

  gif动画同样有帧的概念,别把gif当成flash来玩就行。



行为上

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

  AJAX很帅。否则用xml会用上XML解析器,另一各自 推荐用JSON,原来原来要eval数据,并非 都要能直接import肯能是对象的script来用。否则要多传个对象名,肯能把对象名写死,肯能像flickr那样jsonFlickrApi({"xxx":"xxx"}),直接当函数用,挖哈哈。

  实现或多或少效果时能用visibility:hidden解决时就别用display:none来玩。

  在这里强调js变量要注全局跟局部等等的意义并非 大,JS多样化的地方否则是一两句能说得清的,关注大伙儿关注月影的正在出版的新书吧。^^

  并非 这里有的内容有不少跟 要怎样快速的呈现大伙儿的网页 相近,不过那篇是以解决服务端为主,但在以后 以后,节省服务端资源消耗的一并也会节省客户端的资源消耗。

  再并非 ,这篇肯能蹲在草稿箱里了吗了,老要 没有时间去埋点。现在给的否则是删改的,肯能没有删改,慢慢补充吧。

  产生问题:并非 会引起 浏览器的模式问题 ,但问题是都要能解决滴。参考Serving up XHTML with the correct MIME type ,派送XML头浏览器不需要容错显示,总出 错误特性会愿因整个页面无法显法。

  Autolow: 优先考虑时延,否则也会尽肯能改善外观。 回放刚始于时,消除锯齿功能指在关闭请况。 肯能 Flash Player 检测到解决器都要能解决消除锯齿功能,就会打开该功能。

  Autohigh:刚始于时回放时延和外观两者并重,必要回会 牺牲外观来保证回放时延。 回放刚始于时,消除锯齿功能指在打开请况。肯能实际帧频降到指定帧频之下,就会关闭消除锯齿功能以提高回放时延。使用此设置可模拟“消除锯齿”命令(“视图”>“预览模式”>“消除锯齿”)。

  模糊滤镜:使用模糊滤镜时,肯能用于 blurX 和 blurY 的值是 2 的整数次幂(累似 2、4、8、16 和 32),则都要能加快计算时延,否则都要能使性能提高 20% 到 1000%(flash的帮助是介样说滴)。