頁面優化-如何減少網頁的內存與CPU占用

日期：2013-12-16  來源：攀枝花惠康網絡公司

有的網頁看起來并不年夜但打開會很卡，有的網頁雖然很長但使用流利，占用用戶電腦的內存與CPU就影響這些。

2*2的圖片跟8*8的圖片巨細差不多，可是平鋪布景2*2卻占用年夜良多。

瀏覽器問題，有各自的瀏覽器措置內存問題會影響到，但幾乎沒法子節制得了，Windows上的：

IE系列，刷新收受接管的量不年夜，但最小化會釋放內存，。
Opera最好。一向節制得很好。不存在侍趵硎題。。
Linux的內存分配機制與Win的紛歧樣，有多少用若干好多，如不美觀瀏覽器占光時說不定會干失蹤系統。

發生問題：雖然會引起瀏覽器的模式問題，但問題是可以解決滴。參考Serving up XHTML with the correct MIME type，派送XML頭子覽器不會容錯顯示，呈現錯誤結構會導致整個頁面無法顯法。
連結結構的完整，不要讓瀏覽器幫你補全代碼。

頁面問題，瀏覽器襯著頁面會耗損內存和CPU，能削減一點就削減點。

使用DocType，告訴瀏覽器你在用什么，html4也有DTD。也許Transitional更適合你
如不美觀使用的是XHTML并能連結精采結構的話，記得輸出響應的MIME跟XML頭1，可以削減瀏覽器的代碼搜檢，
節制頁面的文件巨細，可以經由過程軌范把為了看代碼斗勁愉快的縮進去失蹤。2~3K也是巨細。
實現某些效不美觀時能用visibility:hidden解決時就別用display:none來玩。
iframe會發生新的頁面，其實有良多體例可以庖代iframe
惹人的JS與CSS可以恰當合并，同樣布景圖片也可以合并，甚至有人連Flash都合并
給已知寬高的內容圖片/Object加上寬度的屬性可以削減頁面的局部重襯著
默示上
質量99跟70的jpg在年夜年夜都情形下只有文件有巨細紛歧樣。gif的也一樣，出格是小停筆，256色跟128色的分歧是文件巨細．
flash動得太快吃CPU很年夜，節制每秒的幀數及動畫的效不美觀可以削減一些，如不美觀把品質用中低顯示會省良多資本，但這樣卻犧牲了效不美觀。。quality屬性 有時選擇Autolow2 或者Autohigh會更適合，沒需要一向low 或者best，
flash使用矢量圖會節約文件巨細，但計較復雜的圖形跟動畫時花的是CPU。復雜的太多濾鏡，則會占用年夜量內存，恍惚濾鏡有削減些3。
IE的濾鏡也是斗勁占用內存，同時也有兼容性問題。全屏的半透明很吃資本的。
gif動畫同樣有幀的概念，別把gif當成flash來玩鞠肝