建站常識
如何減少網(wǎng)頁的內(nèi)存與CPU占用
2007-11-26 18:02:00
有的網(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)的完整,不要讓瀏覽器幫你補全代碼。
控制頁面的文件大小,可以通過程序把為了看代碼比較舒服的縮進(jìn)去掉。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來玩就行。
行為上
別為了使用一個$()引入整個pretotype或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)蹲在草稿箱里好久了,一直沒有時間去整理?,F(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ù)覽模式”>“消除鋸齒”)。模糊濾鏡:使用模糊濾鏡時,如果用于 blurX 和 blurY 的值是 2 的整數(shù)次冪(例如 2、4、8、16 和 32),則可以加快計算速度,并且可以使性能提高 20% 到 30%(flash的幫助是介樣說滴)。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2006-02-27 16:11:00] 網(wǎng)頁的版式設(shè)計—文字的格式化
- [2007-08-06 12:23:00] 網(wǎng)頁設(shè)計中的版式原理--空白
- [2005-12-28 13:58:00] 網(wǎng)頁設(shè)計中“點”的視覺構(gòu)成
- [2006-08-09 13:05:00] Web Designer Idea設(shè)計師談網(wǎng)頁設(shè)計思維
- [2007-01-15 16:11:00] 網(wǎng)頁界面設(shè)計教程一:基礎(chǔ)理論
- [2006-02-27 16:10:00] 網(wǎng)頁導(dǎo)航設(shè)計九大注意事項
- [2006-06-30 09:02:00] 如何引導(dǎo)自已成為一名網(wǎng)頁視覺設(shè)計師
- [2010-03-28 21:39:00] 中國網(wǎng)頁設(shè)計沒有特點
- [2009-07-27 22:07:00] [譯]網(wǎng)頁設(shè)計中的包容原則
- [2012-07-22 18:30:12] qq網(wǎng)頁代碼生成
- [2007-09-13 14:57:00] 科學(xué)與藝術(shù)兼顧的有效網(wǎng)頁視覺設(shè)計
- [2010-10-31 09:56:00] 網(wǎng)頁中的廣告牌設(shè)計 :如何贏得用戶的注意力
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
網(wǎng)站視覺 青島輪胎網(wǎng)站設(shè)計公司 網(wǎng)站動畫 營銷策略 css 交互設(shè)計 搜索引擎 頁面設(shè)計 青島網(wǎng)頁制作 青島做網(wǎng)站多少錢 青島網(wǎng)站案例 青島輪胎網(wǎng)站設(shè)計 微信小程序 海信網(wǎng)絡(luò)科技 青島網(wǎng)站SEO 互聯(lián)網(wǎng) 青島SEO 微信開發(fā) 程序開發(fā) 高端網(wǎng)站設(shè)計 網(wǎng)站建設(shè)的步驟有哪些 搜索引擎蜘蛛 網(wǎng)站交互設(shè)計 青島好的網(wǎng)站優(yōu)化公司 手機端的網(wǎng)站 中小型企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站優(yōu)化 青島黃島、紅島網(wǎng)站建設(shè)公司 輪胎網(wǎng)站設(shè)計 青島flash網(wǎng)站