最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

通過優(yōu)化網頁頁面降低對內存及CPU的占用

來源:懂視網 責編:小采 時間:2020-11-27 14:46:33
文檔

通過優(yōu)化網頁頁面降低對內存及CPU的占用

通過優(yōu)化網頁頁面降低對內存及CPU的占用:有的網頁看起來并不大但打開會很卡,有的網頁雖然很長但使用流暢,占用用戶電腦的內存與CPU就影響這些。 瀏覽器問題,有各自的瀏覽器處理內存問題會影響到,但幾乎沒辦法控制得了,Windows上的: ·IE系列,刷新回收的量不大,但最小化會釋放內存。 &
推薦度:
導讀通過優(yōu)化網頁頁面降低對內存及CPU的占用:有的網頁看起來并不大但打開會很卡,有的網頁雖然很長但使用流暢,占用用戶電腦的內存與CPU就影響這些。 瀏覽器問題,有各自的瀏覽器處理內存問題會影響到,但幾乎沒辦法控制得了,Windows上的: ·IE系列,刷新回收的量不大,但最小化會釋放內存。 &

  有的網頁看起來并不大但打開會很卡,有的網頁雖然很長但使用流暢,占用用戶電腦的內存與CPU就影響這些。
  瀏覽器問題,有各自的瀏覽器處理內存問題會影響到,但幾乎沒辦法控制得了,Windows上的:
  ·IE系列,刷新回收的量不大,但最小化會釋放內存。
  ·Firefox2據說也會在最小化回收,可我從沒見過最垃圾,用多少是多少,基本不回收。據說prototype的ajax還會引起內存一直增加。
  ·Opera最好。一直控制得很好。不存在什么問題。
  ·Linux的內存分配機制與Win的不一樣,有多少用多少,如果瀏覽器占光時說不定會干掉系統(tǒng)。
  頁面問題,瀏覽器渲染頁面會消耗內存和CPU,能減少一點就減少點。
結構
  使用DocType,告訴瀏覽器你在用什么,html4也有DTD。也許Transitional更適合你
  如果使用的是XHTML并能保持良好結構的話,記得輸出相應的MIME跟XML頭1,可以減少瀏覽器的代碼檢查,
  保持結構的完整,不要讓瀏覽器幫你補全代碼。
  控制頁面的文件大小,可以通過程序把為了看代碼比較舒服的縮進去掉。2~3K也是大小。
  iframe會產生新的頁面,其實有很多方式可以代替iframe
  引入的JS與CSS可以適當合并,同樣背景圖片也可以合并,甚至有人連Flash都合并給已知寬高的內容圖片/Object加上寬度的屬性可以減少頁面的局部重渲染
表現
  質量99跟70的jpg在大多數情況下只有文件有大小不一樣。gif的也一樣,特別是小圖標,256色跟128色的差別是文件大?。?br />  flash動得太快吃CPU很大,控制每秒的幀數及動畫的效果可以減少一些,如果把品質用中低顯示會省很多資源,但這樣卻犧牲了效果。quality屬性有時選擇Autolow2或者Autohigh會更適合,沒必要一直low或者best,
  flash使用矢量圖會節(jié)省文件大小,但計算復雜的圖形跟動畫時花的是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復雜的地方也不是一兩句能說得清的,關注大家關注月影的正在出版的新書吧。
  其實這里有的內容有不少跟如何快速的呈現我們的網頁相近,不過那篇是以處理服務端為主,但在很多時候,節(jié)省服務端資源消耗的同時也會節(jié)省客戶端的資源消耗。
  
 ?。g迎大家補充)

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

通過優(yōu)化網頁頁面降低對內存及CPU的占用

通過優(yōu)化網頁頁面降低對內存及CPU的占用:有的網頁看起來并不大但打開會很卡,有的網頁雖然很長但使用流暢,占用用戶電腦的內存與CPU就影響這些。 瀏覽器問題,有各自的瀏覽器處理內存問題會影響到,但幾乎沒辦法控制得了,Windows上的: ·IE系列,刷新回收的量不大,但最小化會釋放內存。 &
推薦度:
標簽: 使用 頁面 網頁
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top