亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何有效減少HTTP請求次數?

如何有效減少HTTP請求次數?

Echo_Chien 2016-10-17 21:56:51
設置代理服務器實現客戶端與WEB服務器之間的交互算嗎
查看完整描述

3 回答

已采納
?
一瞬兒光

TA貢獻178條經驗 獲得超70個贊

與服務器交互不就是請求嗎?

1,減少頁面a標簽;

2,盡量合并資源文件;

3,安全系數不高的話可以使用本地緩存;

4,使用瀏覽器緩存。

總之就是各種能本地緩存的緩存,能合并資源的合并。

查看完整回答
反對 回復 2016-10-17
?
Freya0_0

TA貢獻5條經驗 獲得超5個贊

網站優化要盡量減少服務器HTTP請求次數   終端用戶響應的時間中,有 80%用于下載各項內容。這部分時間包括下載頁面中的圖像、   樣式表、腳本、Flash 等。通過減少頁面中的元素可以減少 HTTP 請求的次數。這是提高網   頁速度的要害步驟。   減少頁面組件的方法實在就是簡化頁面設計。那么有沒有一種方法既能保持頁面內容的豐碩   性又能到達加快響應時間的目標呢?這里有幾條減少 HTTP 請求次數同時又可能堅持頁面   內容豐富的技術。   合并文件是通過把所有的腳本放到一個文件中來減少 HTTP 請求的方法,如可以簡略地把所   有的 CSS 文件都放入一個樣式表中。當腳本或者樣式表在不同頁面中使用時需要做不同的   修改,這可能會相對麻煩點,但即便如此也要把這個方法作為改善頁面性能的重要一步。   CSS Sprites 是減少圖像請求的有效方法。把所有的背景圖像都放到一個圖片文件中,而后   通過 CSS 的 background-image 和 background-position 屬性來顯示圖片的不同部分;   圖片地圖是 把多張圖片整合到一張圖片中。雖然文件的總體大小不會改變,但是可以減少   HTTP 請求次數。圖片地圖只有在圖片的所有組成部分在頁面中是緊挨在一起的時候 才干   使用,如導航欄。確定圖片的坐標和可能會比較繁瑣且輕易犯錯,同時使用圖片輿圖導航也   不具有可讀性,因此不推舉這種方法;   內聯圖像是使用 data:URL scheme 的方法把圖像數據加載頁面中。這可能會增加頁面的大小。   把內聯圖像放到樣式表(可緩存)中可以減少 HTTP 請求同時又防止增長頁面文件的大小。但是內聯圖像當初還不得到主流瀏覽器的支持。   減少頁面的 HTTP 請求次數是你首先要做的一步。這是改良首次拜訪用戶等候時間的最主要   的方法。猶如 Tenni Theurer 的他的博客 Browser Cahe Usage – Exposed!中所說,HTTP 請求   在無緩存情況下占去了 40%到 60%的響應時間。讓那些首次訪問你網站的人獲得更加快捷。
查看完整回答
1 反對 回復 2017-02-14
?
Echo_Chien

TA貢獻18條經驗 獲得超6個贊

1.利用CSS Sprites能很好地減少網頁的http請求,從而大大的提高頁面的性能,這也是CSS Sprites最大的優點,也是其被廣泛傳播和應用的主要原因;

2.CSS Sprites能減少圖片的字節,曾經比較過多次3張圖片合并成1張圖片的字節總是小于這3張圖片的字節總和。

3.解決了網頁設計師在圖片命名上的困擾,只需對一張集合的圖片上命名就可以了,不需要對每一個小元素進行命名,從而提高了網頁的制作效率。

4.更換風格方便,只需要在一張或少張圖片上修改圖片的顏色或樣式,整個網頁的風格就可以改變。維護起來更加方便。

缺點

誠然CSS Sprites是如此的強大,但是也存在一些不可忽視的缺點,如下:

1.在圖片合并的時候,你要把多張圖片有序的合理的合并成一張圖片,還要留好足夠的空間,防止板塊內出現不必要的背景;這些還好,最痛苦的是在寬屏,高分辨率的屏幕下的自適應頁面,你的圖片如果不夠寬,很容易出現背景斷裂;

2.CSS Sprites在開發的時候比較麻煩,你要通過photoshop或其他工具測量計算每一個背景單元的精確位置,這是針線活,沒什么難度,但是很繁瑣;幸好騰訊的鬼哥用ADOBE AIR開發了一個CSS Sprites 樣式生成工具,雖然還有一些使用上的不靈活,但是已經比photoshop測量來的方便多了,而且樣式直接生成,復制,拷貝就OK!

3.CSS Sprites在維護的時候比較麻煩,如果頁面背景有少許改動,一般就要改這張合并的圖片,無需改的地方最好不要動,這樣避免改動更多的css,如果在原來的地方放不下,又只能(最好)往下加圖片,這樣圖片的字節就增加了,還要改動css。

4.CSS Sprites非常值得學習和應用,特別是頁面有一堆icon(圖標)??傊芏鄷r候大家要權衡一下利弊,再決定是不是應用CSS Sprites。


查看完整回答
1 反對 回復 2016-11-10
  • 3 回答
  • 1 關注
  • 1669 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號