Web頁面如何優化減小頁面對內存及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,
flash使用矢量圖會節省文件大小,但計算複雜的圖形跟動畫時花的是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複雜的地方也不是一兩句能説得清的,關注大家關注月影的正在出版的新書吧。
其實這裏有的內容有不少跟如何快速的呈現我們的網頁相近,不過那篇是以處理服務端為主,但在很多時候,節省服務端資源消耗的同時也會節省客户端的資源消耗。
-
Dreamweaver技巧詳解
Dreamweaver由MX版本開始使用Opera軟件公司的排版引擎“Presto”作為網頁預覽。下面給大家介紹Dreamweaver技巧,一起來學習吧!Dreamweaver技巧詳解1、靈活運用樣式熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇CustonStyle來調用Style...
-
SQl常用增刪改查模板
篇一:SQl常用增刪改查SQL常用增刪改查語句增加現在有一張表,表(Test)裏面有三個字段,分別為sno,sname,age。舉例用一條增加SQL語句,插入一條數據進庫。語句:Insertinto表名value(‘數據1’,’數據2’,’數據3’)具體操作:Insertintotestvalues('test','te...
-
WAP教程:WML 鏈接和圖像
鏈接可以製作WML卡片來顯示WML的錨功能,圖像可以製作WML卡片來顯示圖像.鏈接可以製作WML卡片來顯示WML的錨功能。標籤總是要規定一個任務("go","prev",或"refresh")。任務定義了當用户選擇此鏈接時要做的事情。在本例中,當用户選擇"Nextpage",其任務是"前往":Next...
-
HTML5教程:畫布Canvas基礎知識講解
Canvas是HTML5最讓人期待的特性之一,目前已獲得大部分Web瀏覽器支持Canvas可以幫助創建遊戲、增強圖形用户界面。下面YJBYS小編為大家帶來畫布Canvas基礎知識,希望對大家學習有所幫助!HTML5規範引進了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...