減少網頁內存與CPU占用

減少網頁內存與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 , 

【減少網頁內存與CPU占用】flash使用矢量圖會節省文件大小 , 但計算復雜的圖形跟動畫時花的是CPU 。復雜的太多濾鏡 , 則會占用大量內存 , 模糊濾鏡有減少些3 。

    推薦閱讀