服務(wù)端響應(yīng)時(shí)間只占整個(gè)請(qǐng)求路徑上很小的一部分，PC上更重要的是優(yōu)化首屏的加載，無(wú)線端更多則是優(yōu)化中間的管道。
 
1.無(wú)線端請(qǐng)求合并
 
無(wú)線環(huán)境下做請(qǐng)求合并的收益是比較大的，所以會(huì)將當(dāng)前的兩次請(qǐng)求在服務(wù)端做ESI合并為一個(gè)請(qǐng)求。在無(wú)線環(huán)境下減少請(qǐng)求的數(shù)量可以明顯減少總耗時(shí)。
 
無(wú)線環(huán)境下數(shù)據(jù)大小對(duì)性能的影響比在PC端的更明顯，PC端數(shù)據(jù)從20KB到80KB增加了100毫秒，而無(wú)線端數(shù)據(jù)從20KB到80KB增加了700 毫秒。因此是否能控制頁(yè)面大小對(duì)無(wú)線端的性能影響很大。


 
綜上，我們得出如下結(jié)論。
 
在無(wú)線環(huán)境下，減少網(wǎng)絡(luò)請(qǐng)求次數(shù)對(duì)首屏加載性能有比較明顯的影響；
 
無(wú)線環(huán)境下的文件大小與PC環(huán)境下的文件大小對(duì)性能的影響效果不同:無(wú)線環(huán)境下的數(shù)據(jù)大小對(duì)性能影響比在PC環(huán)境下的更明顯，所以是否能控制頁(yè)面大小對(duì)無(wú)線環(huán)境下的性能影響很大；
 
CDN直接Cache可以大幅提升性能，所以盡量將數(shù)據(jù)Cache到CDN，這對(duì)無(wú)線端同樣是有效的；
 
小數(shù)據(jù)情況下，動(dòng)態(tài)加速和直接回主站沒(méi)有明顯優(yōu)勢(shì)，再加上當(dāng)前動(dòng)態(tài)加速鏈路還在調(diào)優(yōu)中，所以當(dāng)前無(wú)線數(shù)據(jù)直接回統(tǒng)一Cache比較理想，待動(dòng)態(tài)加速更加成熟后再走CDN。
 
3. CDN動(dòng)態(tài)加速
 
CDN的動(dòng)態(tài)加速技術(shù)也是比較流行的一種優(yōu)化技術(shù)，它的技術(shù)原理就是在CDN的DNS解析中通過(guò)動(dòng)態(tài)的鏈路探測(cè)來(lái)尋找回源最好的一條路徑，然后通過(guò)DNS的調(diào)度將所有請(qǐng)求調(diào)度到選定的這條路徑上回源，從而提高用戶訪問(wèn)的效率。
 
由于CDN節(jié)點(diǎn)是遍布全國(guó)的，所以用戶接人一個(gè)CDN節(jié)點(diǎn)后，可以選擇一條從自己最近的CDN節(jié)點(diǎn)到源站鏈路的最好路徑。這里的一個(gè)簡(jiǎn)單原則就是在每個(gè)CDN節(jié)點(diǎn)上，從源站下載一個(gè)一定大小的文件，看哪條鏈路的總耗時(shí)最短。這樣可以構(gòu)成一個(gè)鏈路列表，然后綁定到DNS解析上、更新到CDN的LocalDNS。當(dāng)然，是否走這條鏈路并不定只依據(jù)“耗時(shí)”這個(gè)唯一條件， 有時(shí)候也要考慮網(wǎng)絡(luò)成本，例如走某個(gè)節(jié)點(diǎn)雖然可以節(jié)省10毫秒時(shí)間，但是網(wǎng)絡(luò)帶寬成本卻增加很多，還要綜合考慮網(wǎng)絡(luò)鏈路安全等其他因素。
 
4. WebP圖片優(yōu)化
 
WebP是一種同時(shí)提供了有損壓縮與無(wú)損壓縮的圖片文件格式，派生自圖像編碼格式VP8。WebP最初在2010年發(fā)布，目標(biāo)是縮小文件并達(dá)到和JPEG格式相同的圖片質(zhì)量，以便節(jié)省圖片文件的網(wǎng)絡(luò)傳送時(shí)間。
 
Chrome瀏覽器以及Chromium 內(nèi)核的瀏覽器都支持WebP格式的圖片，Android 4.0 以上也都原生支持該類型圖片。根據(jù)caniuse com的統(tǒng)計(jì)，目前約有70%的用戶可以享受到WebP格式帶來(lái)的好處。
 
(1) WebP帶來(lái)的收益
 
節(jié)約的帶寬=CDN流量x可以使用WebP格式圖片的流量占比x支持WebP的瀏覽器占比xWebP格式壓縮率(實(shí)測(cè)為38%~ 41%)。從公式可知，帶寬收益與CDN流量、支持WebP的瀏覽器(主要是Chrome內(nèi)核瀏覽器)占比、頁(yè)面中可以使用WebP格式的圖片占比成正比。
 
我們以商品詳情系統(tǒng)的放大鏡圖片(40x40/ 310x310)和所有裝修中的圖片使用WebP為例，計(jì)算出詳情系統(tǒng)使用WebP后，一個(gè)月大約會(huì)節(jié)約數(shù)十萬(wàn)元左右的帶寬費(fèi)用，非?？捎^。
 
(2)最佳實(shí)踐
 
WebP有m0~m6等7種壓縮級(jí)別，一般來(lái)說(shuō)級(jí)別越高畫質(zhì)越好。但級(jí)別越高轉(zhuǎn)換為WebP所要消耗的CPU資源也更多。在用WebP轉(zhuǎn)換圖片時(shí)要注意以下問(wèn)題。
 
①轉(zhuǎn)換為WebP圖片的時(shí)候，使用有損壓縮(與m0~m6壓縮級(jí)別無(wú)關(guān))會(huì)導(dǎo)致:紅色字體被壓縮之后普遍偏暗；
部分藍(lán)色字體被壓縮之后偏模糊；
當(dāng)背景為黑色的時(shí)候，紅色小字體偏模糊；當(dāng)背景為紅色的時(shí)候，黑色小字體偏模糊。
 
②低版本的Chrome瀏覽器不支持透明通道的WebP，所以對(duì)PNG圖片不能使用WebP格式。
 
③gif轉(zhuǎn)換為WebP動(dòng)畫非常耗性能，所以只處理第一幀圖片。
 
④原圖轉(zhuǎn)換成WebP非常耗性能，圖片的所有縮略圖(如310x310)都是先轉(zhuǎn)換為JPEG格式，再轉(zhuǎn)換為WebP格式。
 
通過(guò)分析近萬(wàn)張圖片我們得出以下結(jié)論:網(wǎng)站制作壓縮級(jí)別在m0~m2時(shí)，不少圖片丟失色塊(出現(xiàn)馬賽克)，壓縮級(jí)別為m3及以上時(shí)則極少出現(xiàn)此問(wèn)題，同時(shí)m3級(jí)別所節(jié)約的帶寬和m4級(jí)別是非常接近的，但m3的轉(zhuǎn)化性能明顯高于m4。因此，我們決定使用m3級(jí)別。