高效能網頁開發規則

2021-08-30 14:30:22 字數 1185 閱讀 6050

1、原則一如果能使頁面html顯示跟後台處理同時進行,這是乙個比較好的方式;

比如說將頁面上容易顯示的部分優先反饋給瀏覽器,然後再接著繼續處理下面的步驟這樣比較;

象php中在html的後可以使用flush()方法,提前將部分資訊返回給客戶端,通常有css、js等資訊;然後可以將js、css打包 壓縮 儘量減少http的請求次數。

2、post請求將執行兩步,首先傳送資訊頭,然後才識傳送資料;而get方式只是用乙個tcp資料報傳遞,速度要快一些,如果僅僅是為獲得資料而非傳送資料給伺服器時,使用get更好。ie中url的最大長度為2k。

3、後載入元件,確定哪些資料是頁面顯示時就必須的,確定之後那些不必須就的可以通過js控制onload來實現延遲載入;如拖動頁面元素、或頁面排序等的js可以採取延遲載入;yui庫提供延遲載入功能;

4、第一次訪問站點比較慢的原因是沒有快取過,之後訪問就會直接取快取的資料。

5、不要濫用table和div,只有當它有確實語義的時候才使用,不要為了換行,格式化,顯示效果等原因使用div;

dom的資料可以在firebug的console中輸入document.getelementsbytagname('*').length 獲得;

頁面html標籤數量理想狀態下應控制在700以下。

7、iframe要盡量少用;

優點:有延遲載入功能,能併發的請求響應;

缺點:即便是個空的html檔案在iframe裡面,消耗也是相當高的,不利於提高響應速度;而且它會阻止整個頁面的onload的響應。

8、應當盡量阻止404沒有資源響應的錯誤,因為它會阻止其他元件的併發,瀏覽器會一直盡力的去解析404請求的內容。

9、cookie是用於身份認證尤其是個性化等操作,它是在http的請求頭中進行交換的,它體積越大,則響應越慢;

每3000位元組的cookie在dsl的頻寬中會增加80毫秒的響應;

所以除去不必要的cookie,已經使用短小的檔名和盡可能小的減少cookie的大小都有利於改善響應時間;

10、避免使用js大面積的操作dom,修改頁面布局,這樣速度很慢;

11、採用js時,盡量使用事件委託,就象jquery通過類繫結一樣,避免每個按鈕都去繫結乙個js,應通過迴圈來實現繫結;

12、使用標籤而不使用ie的@import有利於提高使用者體念;

13、優化;

14、壓縮js軟體 jsmin

壓縮css軟體 csstidy

高效能web建站規則(CDN)

知道cdn content delivery network,其基本思路是盡可能避開網際網路上有可能影響資料傳輸速度和穩定性的瓶頸和環節,使內容傳輸的更快 更穩定 也不過三個月,實在慚愧,這讓我覺得傳播這些基礎知識 大牛們可能覺得微不足道 顯得頗為重要。國內的免費cdn服務,我知道的不多,對於cdn...

高效能web Server 開發心得

高併發web伺服器處理 一 html靜態化 效率最高 消耗最小的就是純靜態化的html頁面,所以我們盡可能使我們的 上的頁面採用靜態頁面來實現,如使用資訊發布系統cms 二.伺服器分離 對於web伺服器來說,不管是apache iis還是其他容器,是最消耗資源的,於是我們有必要將與頁面進行分離,在處...

開發高效能的WebService應用

一 webservice概述 1 效能 設計時就考慮效能 不要在事後再加入效能 在專案開發的整個過程中反覆測試 兩種量化web效能的方法 1 機器吞吐率 requests sec 2 響應時間 time tofirst last bytes 2 物件導向 應用於同一平台和執行環境 共享型別而不是sc...