一、我們需達解決的麻煩
減小被請求檔案大小, 減少請求資料占用的網路頻寬.
讓使用者更快的看到想要的結果.
提高客戶端渲染速度.
讓瀏覽器同時能請求更多的資料.
提高伺服器相應速度.
通過版本化控制客戶端cache.
二、如何解決我們的麻煩
a.如何減少http請求數
合併js檔案跟css檔案。
合併框架以及相對變動較少的成一張，通過css背景切割來完成渲染，比如：加速顯示。
合理使用本地cache來快取js/css/image。
合理使用userdata快取js檔案,對於ff使用者可以單獨請求伺服器,這樣能解決80%使用者的問題.**可以蓉兒(meizz)的js framework1（標註1）。
把js跟css合併成乙個檔案
b.減小被請求檔案大小,減少請求資料占用的網路頻寬
壓縮js體積：刪除js中空白換行,注釋,混淆把長變數換成短變數；
壓縮css體積：刪除css注釋、寫法盡量用簡寫；
使用(x)html+css方式搭建**結構,提高css重用性,來減少(x)html檔案大小；
使用伺服器端gzip壓縮js/ css檔案,縮小傳輸檔案大小。附註:apache1跟apache2的gzip的效率跟方式不一樣的，根據需要自行選擇。
嗷嗷補充說明：壓縮、合併js和css都由程式處理。而不是自己手動去縮刪，不然不利於後期維護。
c.讓使用者更快的看到想要的結果
使用者對於乙個站點的白頁的忍受時間根據統計是8-12秒。白頁的產生可能由於各種原因引起,我們能做的就是怎麼讓使用者能變的稍微能等待更久。
方案1：多做乙個引導頁,讓使用者體會其中的變化
案例:mail.aol.com中的loading引導頁
d.提高客戶端渲染速度
這個問題就比較泛泛了,影響客戶端的渲染速度有多方面的,主要目的都是提高程式方面的效率.
對於大索引的結構,盡可能的少用索引訪問,能用訪問兄弟節點的方式盡可能用訪問兄弟節點的方式.
字串拼接盡可能用陣列方式
e.讓瀏覽器同時能請求更多的資料.
f.提高伺服器相應速度
對於需快速響應的檔案,把其放入快速響應的伺服器,應該是不錯的方案,優化方案請系統儲備組提供.
g.通過版本化控制客戶端cache
通常js/css這類檔案改動比較頻繁,但是為了載入速度變快,我們有可能需要設定這類檔案的過期時間為幾天後,這樣我們碰到的問題就是,如何及時更新這些在cache的檔案?
通過乙個簡單的配置,通過修改js的版本來及時告訴瀏覽器,這些檔案必須重新請求了,不要繼續使用瀏覽器cache中的資料. 方案有好幾個：
手動改這些js的檔名
手動改這些js的路徑
通過url rewrite方式來改重定位js路徑
通過乙個在高響應伺服器上的乙個js配置告知頁面,這個頁面該鏈結哪些js檔案
大版本不變,小版本不斷追加,等一定時間後,統一更新,高效利用cache
標註
meizz的js framework還沒出正式版，有興趣在csdn的頁面翻一下
firefox修正方式
優化網頁速度
1 優化2 影象格式的選擇 一般在網頁上使用的格式有三種，jpg png gif.三 種格式的具體技術指標不是這篇文章 的內容，我們只需要知道在什麼時候應該使用什麼格式，以減少網頁的載入時間。1 jpg 一 般用於展示風景 人物 藝術照的攝影作品。有時也用在電腦截圖上。2 gif 提供的顏色較少，可...
網頁優化技巧 提高頁面開啟速度
一 優化 幾乎沒有哪個網頁上是沒有的。如果你經歷過56k moden的年代，你一定不很喜歡有大量的 因為載入那樣的網頁會花費大量的時間。即使在現在，網路頻寬有了很多的提高，56k moden逐漸淡出，優化以加快網頁速度還是很有必要的。2 降低影象質量 如果不是很必要，嘗試降低影象的質量，尤其是jpg...
提高網頁載入速度
1.頁面資料呼叫 資料庫查詢 方面原因，程式儘量減少訪問資料庫次數.2.頁面引用過多，會影響頁面載入速度。3.js呼叫，影響頁面載入速度。4.檔案大小沒有控制好，頁面載入 flash過多而又沒有控制其大小。具體可採用js來改變載入項的順序，在保證頁面能夠正常瀏覽之後再載入廣告 次要等資訊。5.伺服器...