找回密码
 注册
搜索
查看: 1077|回复: 0

优化网页页面降低对浏览器与内存及CPU的占用

[复制链接]
发表于 2013-5-16 14:22:35 | 显示全部楼层 |阅读模式
  有的网页看起来并不大但打开会很卡,有的网页尽管很长但运用流通,占用用户电脑的内存与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来玩就行。

行动
  别为了运用一个$()引进整个prototype或jQuery,它们有更多的作用。  
  AJAX很帅。可是用xml会用上XML解析器,有人引荐用JSON,可是这样要eval数据,其实能够直接import已经是目标的script来用。仅仅要多传个目标名,或许把目标名写死,或许像flickr那样jsonFlickrApi({"xxx":"xxx"}),直接当函数用,挖哈哈。
  完成某些作用时能用visibility:hidden处置时就别用display:none来玩。
  在这里着重js变量要注大局跟部分等等的含义并不大,JS杂乱的当地也不是一两句能说得清的,重视咱们重视月影的正在出书的新书吧。
  其实这里有的内容有不少跟怎么疾速的出现咱们的网页附近,不过那篇是以处置服务端为主,但在许多时分,节约服务端资源耗费的一起也会节约客户端的资源耗费。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|QQ客服|联系我们|Archiver|手机版|小黑屋|悉远网络 ( 鄂ICP备09013446号 )

GMT+8, 2024-11-21 16:56 , Processed in 0.054201 second(s), 7 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表