制作網站中減少網頁的內存與CPU占用!
產生問題:雖然會引起 瀏覽器的模式問題 ,但問題是可以解決滴。參考Serving up XHTML with the correct MIME type ,派送XML頭瀏覽器不會容錯顯示,出現錯誤結構會導致整個頁面無法顯法。
Autolow: 優先考慮速度,但是也會盡可能改善外觀。 回放開始時,消除鋸齒功能處于關閉狀態。 如果 Flash Player 檢測到處理器可以處理消除鋸齒功能,就會打開該功能。
Autohigh:開始時回放速度和外觀兩者并重,必要時會犧牲外觀來保證回放速度。 回放開始時,消除鋸齒功能處于打開狀態。如果實際幀頻降到指定幀頻之下,就會關閉消除鋸齒功能以提高回放速度。使用此設置可模擬“消除鋸齒”命令(“視圖”>“預覽模式”>“消除鋸齒”)。
模糊濾鏡:使用模糊濾鏡時,如果用于 blurX 和 blurY 的值是 2 的整數次冪(例如 2、4、8、16 和 32),則可以加快計算速度,并且可以使性能提高 20% 到 30%(flash的幫助是介樣說滴)。
結構上
使用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復雜的地方也不是一兩句能說得清的,關注大家關注月影的正在出版的新書吧。^^
其實這里有的內容有不少跟 如何快速的呈現我們的網頁 相近,不過那篇是以處理服務端為主,但在很多時候,節省服務端資源消耗的同時也會節省客戶端的資源消耗。
再其實,這篇已經蹲在草稿箱里好久了,一直沒有時間去整理。現在給的也不是完整的,因為沒有完整,慢慢補充吧。
?
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:
??? 免費網絡營銷顧問:我們為您提供免費的網絡營銷顧問服務,您需要了解關于如何開展網絡營銷,電子商務,網站設計等的事宜,歡迎隨時聯系我們。
??? seo友好的網站管理系統:除了優質的網站空間,網站管理系統,和網站設計外,我們的網站管理系統更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態頁面生成等等,讓您的網站。
???? 免費網絡營銷培訓:如何更好的投放網絡廣告,如何提高網絡廣告的投資回報,如何發帖子,
??? ?如何優化網站,我們有豐富的經驗開放給您!祝君成功!
聯系我們:010-62199213 62122723-808 賈先生
北京網站建設公司-傳誠信網站:wtkaisuo.com?點擊查看經典網站案例!