国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS Sprite優化 減少HTTP鏈接數

2024-07-11 08:27:27
字體:
來源:轉載
供稿:網友

頁面上的數據,通過 TCP/IP 包傳輸。在 1M ADSL 環境下,網速最大值為 128 Kb/s, MTU(Maximum
Transmission Unit) 的大小默認為 1500 bytes. 去掉 TCP/IP 的頭部信息 40 bytes, 一個 package 可以容納的文件大小為 1460 bytes. 下面是一張示意圖:
dsl-package-size.png

需要的包越少,意味著速度越快。

例子:淘寶首頁有一張 sprite: hd_20090313.png, 大小為 5.71 KB (5848 bytes). 需要 5 個包來傳輸(5848 / 1460 = 4.005)??磾祿?,只多出了 8 bytes. 優化到 5840 bytes 后,就可以減少一個傳輸包。

也許吹毛求疵了,但對于關鍵頁面,任何細節優化,有時都是值得的。

類似的,對于頁面中的鏈接數量,也可以考慮瀏覽器的最大并發數來做細節優化。比如,在 Firefox 下,同一個 host 的最大并發數為 6, 增加鏈接數對下載時間的影響如下:
http-request.png

當鏈接數從 6 的整數倍增 1 時,下載時間明顯增大??紤] IE6 最大并發數是 2, 減少鏈接數時,盡量減少到偶數,是一個不錯的優化守則。

參考資料

CSS Sprites: Image Slicing’s Kiss of Death CSS, Image Sprites, Background Images and Website Optimization

PS: 出一道題目考考大家:CSS Sprite 的缺點是什么?

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 广东省| 木里| 莱西市| 东源县| 卢氏县| 徐水县| 鄢陵县| 桓台县| 报价| 曲水县| 普格县| 舞阳县| 内江市| 呼玛县| 江安县| 闻喜县| 灵璧县| 县级市| 浙江省| 正镶白旗| 师宗县| 绥中县| 长泰县| 当阳市| 蕲春县| 十堰市| 商丘市| 舟山市| 本溪市| 峨边| 民权县| 武安市| 瓮安县| 聂荣县| 交城县| 神农架林区| 黑河市| 濮阳市| 余干县| 莱西市| 旅游|