如何減少網(wǎng)頁的內(nèi)存與CPU占用
發(fā)布時間：2025-07-24 點擊：30
有的網(wǎng)頁看起來并不大但打開會很卡，有的網(wǎng)頁雖然很長但使用流暢，占用用戶電腦的內(nèi)存與cpu就影響這些。瀏覽器問題，有各自的瀏覽器處理內(nèi)存問題會影響到，但幾乎沒辦法控制得了，windows上的：
ie系列，刷新回收的量不大，但最小化會釋放內(nèi)存，。
firefox2據(jù)說也會在最小化回收，可我從沒見過最垃圾，用多少是多少，基本不回收。據(jù)說prototype的ajax還會引起內(nèi)存一直增加。
opera最好。一直控制得很好。不存在什么問題。。
linux的內(nèi)存分配機制與win的不一樣，有多少用多少，如果瀏覽器占光時說不定會干掉系統(tǒng)。
頁面問題，瀏覽器渲染頁面會消耗內(nèi)存和cpu，能減少一點就減少點。
結(jié)構(gòu)上
使用doctype，告訴瀏覽器你在用什么，html4也有dtd。也許transitional更適合你
如果使用的是xhtml并能保持良好結(jié)構(gòu)的話，記得輸出相應(yīng)的mime跟xml頭1，可以減少瀏覽器的代碼檢查，
保持結(jié)構(gòu)的完整，不要讓瀏覽器幫你補全代碼。
控制頁面的文件大小，可以通過程序把為了看代碼比較舒服的縮進去掉。2~3k也是大小。
iframe會產(chǎn)生新的頁面，其實有很多方式可以代替iframe
引入的js與css可以適當(dāng)合并，同樣背景圖片也可以合并，甚至有人連flash都合并
給已知寬高的內(nèi)容圖片/object加上寬度的屬性可以減少頁面的局部重渲染
表現(xiàn)上
質(zhì)量99跟70的jpg在大多數(shù)情況下只有文件有大小不一樣。gif的也一樣，特別是小圖標(biāo)，256色跟128色的差別是文件大小.
flash動得太快吃cpu很大，控制每秒的幀數(shù)及動畫的效果可以減少一些，如果把品質(zhì)用中低顯示會省很多資源，但這樣卻犧牲了效果。。quality屬性 有時選擇autolow2 或者autohigh會更適合，沒必要一直low 或者best，
flash使用矢量圖會節(jié)省文件大小，但計算復(fù)雜的圖形跟動畫時花的是cpu。復(fù)雜的太多濾鏡，則會占用大量內(nèi)存，模糊濾鏡有減少些3。
ie的濾鏡也是比較占用內(nèi)存，同時也有兼容性問題。全屏的半透明很吃資源的。
2*2的圖片跟8*8的圖片大小差不多，但是平鋪背景2*2卻占用大很多。
gif動畫同樣有幀的概念，別把gif當(dāng)成flash來玩就行。
行為上
別為了使用一個$()引入整個prototype或jquery，它們有更多的作用。
ajax很帥。但是用xml會用上xml解析器，有人推薦用json，可是這樣要eval數(shù)據(jù)，其實可以直接import已經(jīng)是對象的script來用。只是要多傳個對象名，或者把對象名寫死，或者像flickr那樣jsonflickrapi({xxx:xxx})，直接當(dāng)函數(shù)用，挖哈哈。
實現(xiàn)某些效果時能用visibility:hidden解決時就別用display:none來玩。
在這里強調(diào)js變量要注全局跟局部等等的意義并不大，js復(fù)雜的地方也不是一兩句能說得清的，關(guān)注大家關(guān)注月影的正在出版的新書吧。^^
其實這里有的內(nèi)容有不少跟如何快速的呈現(xiàn)我們的網(wǎng)頁相近，不過那篇是以處理服務(wù)端為主，但在很多時候，節(jié)省服務(wù)端資源消耗的同時也會節(jié)省客戶端的資源消耗。
再其實，這篇已經(jīng)蹲在草稿箱里好久了，一直沒有時間去整理。現(xiàn)在給的也不是完整的，因為沒有完整，慢慢補充吧。
產(chǎn)生問題：雖然會引起瀏覽器的模式問題，但問題是可以解決滴。參考serving up xhtml with the correct mime type，派送xml頭瀏覽器不會容錯顯示，出現(xiàn)錯誤結(jié)構(gòu)會導(dǎo)致整個頁面無法顯法。
autolow: 優(yōu)先考慮速度，但是也會盡可能改善外觀。 回放開始時，消除鋸齒功能處于關(guān)閉狀態(tài)。 如果 flash player 檢測到處理器可以處理消除鋸齒功能，就會打開該功能。
autohigh:開始時回放速度和外觀兩者并重，必要時會犧牲外觀來保證回放速度。 回放開始時，消除鋸齒功能處于打開狀態(tài)。如果實際幀頻降到指定幀頻之下，就會關(guān)閉消除鋸齒功能以提高回放速度。使用此設(shè)置可模擬“消除鋸齒”命令(“視圖”>“預(yù)覽模式”>“消除鋸齒”)。
如何進行建站呢
網(wǎng)站建設(shè)小技巧讓你網(wǎng)站更優(yōu)秀
http域名怎么變成https
論網(wǎng)站內(nèi)鏈和外鏈?zhǔn)侨绾斡绊戫撁尜|(zhì)量的
北京公司建網(wǎng)站優(yōu)化的策略
企業(yè)搭建營銷型網(wǎng)站有哪些好處？
如何活躍沉睡的微信公眾號用戶？
SEO能給企業(yè)網(wǎng)站帶來4大價值
ie系列，刷新回收的量不大，但最小化會釋放內(nèi)存，。
firefox2據(jù)說也會在最小化回收，可我從沒見過最垃圾，用多少是多少，基本不回收。據(jù)說prototype的ajax還會引起內(nèi)存一直增加。
opera最好。一直控制得很好。不存在什么問題。。
linux的內(nèi)存分配機制與win的不一樣，有多少用多少，如果瀏覽器占光時說不定會干掉系統(tǒng)。
頁面問題，瀏覽器渲染頁面會消耗內(nèi)存和cpu，能減少一點就減少點。
結(jié)構(gòu)上
使用doctype，告訴瀏覽器你在用什么，html4也有dtd。也許transitional更適合你
如果使用的是xhtml并能保持良好結(jié)構(gòu)的話，記得輸出相應(yīng)的mime跟xml頭1，可以減少瀏覽器的代碼檢查，
保持結(jié)構(gòu)的完整，不要讓瀏覽器幫你補全代碼。
控制頁面的文件大小，可以通過程序把為了看代碼比較舒服的縮進去掉。2~3k也是大小。
iframe會產(chǎn)生新的頁面，其實有很多方式可以代替iframe
引入的js與css可以適當(dāng)合并，同樣背景圖片也可以合并，甚至有人連flash都合并
給已知寬高的內(nèi)容圖片/object加上寬度的屬性可以減少頁面的局部重渲染
表現(xiàn)上
質(zhì)量99跟70的jpg在大多數(shù)情況下只有文件有大小不一樣。gif的也一樣，特別是小圖標(biāo)，256色跟128色的差別是文件大小.
flash動得太快吃cpu很大，控制每秒的幀數(shù)及動畫的效果可以減少一些，如果把品質(zhì)用中低顯示會省很多資源，但這樣卻犧牲了效果。。quality屬性 有時選擇autolow2 或者autohigh會更適合，沒必要一直low 或者best，
flash使用矢量圖會節(jié)省文件大小，但計算復(fù)雜的圖形跟動畫時花的是cpu。復(fù)雜的太多濾鏡，則會占用大量內(nèi)存，模糊濾鏡有減少些3。
ie的濾鏡也是比較占用內(nèi)存，同時也有兼容性問題。全屏的半透明很吃資源的。
2*2的圖片跟8*8的圖片大小差不多，但是平鋪背景2*2卻占用大很多。
gif動畫同樣有幀的概念，別把gif當(dāng)成flash來玩就行。
行為上
別為了使用一個$()引入整個prototype或jquery，它們有更多的作用。
ajax很帥。但是用xml會用上xml解析器，有人推薦用json，可是這樣要eval數(shù)據(jù)，其實可以直接import已經(jīng)是對象的script來用。只是要多傳個對象名，或者把對象名寫死，或者像flickr那樣jsonflickrapi({xxx:xxx})，直接當(dāng)函數(shù)用，挖哈哈。
實現(xiàn)某些效果時能用visibility:hidden解決時就別用display:none來玩。
在這里強調(diào)js變量要注全局跟局部等等的意義并不大，js復(fù)雜的地方也不是一兩句能說得清的，關(guān)注大家關(guān)注月影的正在出版的新書吧。^^
其實這里有的內(nèi)容有不少跟如何快速的呈現(xiàn)我們的網(wǎng)頁相近，不過那篇是以處理服務(wù)端為主，但在很多時候，節(jié)省服務(wù)端資源消耗的同時也會節(jié)省客戶端的資源消耗。
再其實，這篇已經(jīng)蹲在草稿箱里好久了，一直沒有時間去整理。現(xiàn)在給的也不是完整的，因為沒有完整，慢慢補充吧。
產(chǎn)生問題：雖然會引起瀏覽器的模式問題，但問題是可以解決滴。參考serving up xhtml with the correct mime type，派送xml頭瀏覽器不會容錯顯示，出現(xiàn)錯誤結(jié)構(gòu)會導(dǎo)致整個頁面無法顯法。
autolow: 優(yōu)先考慮速度，但是也會盡可能改善外觀。 回放開始時，消除鋸齒功能處于關(guān)閉狀態(tài)。 如果 flash player 檢測到處理器可以處理消除鋸齒功能，就會打開該功能。
autohigh:開始時回放速度和外觀兩者并重，必要時會犧牲外觀來保證回放速度。 回放開始時，消除鋸齒功能處于打開狀態(tài)。如果實際幀頻降到指定幀頻之下，就會關(guān)閉消除鋸齒功能以提高回放速度。使用此設(shè)置可模擬“消除鋸齒”命令(“視圖”>“預(yù)覽模式”>“消除鋸齒”)。
如何進行建站呢
網(wǎng)站建設(shè)小技巧讓你網(wǎng)站更優(yōu)秀
http域名怎么變成https
論網(wǎng)站內(nèi)鏈和外鏈?zhǔn)侨绾斡绊戫撁尜|(zhì)量的
北京公司建網(wǎng)站優(yōu)化的策略
企業(yè)搭建營銷型網(wǎng)站有哪些好處？
如何活躍沉睡的微信公眾號用戶？
SEO能給企業(yè)網(wǎng)站帶來4大價值