335彩票歡迎您的到來!

335彩票

首頁 | 聯系方式 | 加入收藏 | 設為首頁 | 手機站

服務内容

聯系我們

聯系人:吳小姐
電話:0851-8260345
郵箱:service@kmxyl.com

當前位置:首頁 >> 網站建設知識 >> 正文

如何減少網頁的内存與CPU占用

編輯:335彩票  時間:2013/01/30  字号:
摘要:如何減少網頁的内存與CPU占用

   有的網頁看起來并不大但打開會很卡,有的網頁雖然很長但使用流暢,占用用戶電腦的内存與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複雜的地方也不是一兩句能說得清的,關注大家關注月影的正在出版的新書吧。^^其實這裡有的内容有不少跟 如何快速的呈現我們的網頁 相近,不過那篇是以處理服務端為主,但在很多時候,節省服務端資源消耗的同時也會節省客戶端的資源消耗。
  再其實,這篇已經蹲在草稿箱裡好久了,一直沒有時間去整理。現在給的也不是完整的,因為沒有完整,慢慢補充吧。

上一條:網頁設計規劃應遵循的原則 下一條:暫時沒有!