網(wǎng)頁(yè)中使用DataURI會(huì)多消耗53%左右的CPU資源,內(nèi)存多出4倍左右,耗時(shí)平均高出24.6倍。猜測(cè)手機(jī)端也會(huì)有類似的情況,但一直沒(méi)有合適的方法來(lái)測(cè)試實(shí)際數(shù)據(jù)。
mobify最近做了一系列的測(cè)試,測(cè)試結(jié)果表明平均下來(lái),DataURI要比簡(jiǎn)單的外鏈資源要慢6倍。
DataURI的方法最初被設(shè)計(jì)用于在email中嵌入資源,但是后來(lái)被介紹可以用于減少HTTP請(qǐng)求,從而提升網(wǎng)站性能。但是其實(shí)事實(shí)上卻有些雞肋:
- 圖片等資源轉(zhuǎn)換為DataURI所用的Base64編碼之后,文件大小增加了好多(通常50%-300%),如果服務(wù)器端啟用Gzip壓縮,圖片實(shí)際大小則基本可以達(dá)到轉(zhuǎn)碼之前的大??;
- 瀏覽器需要將Base 64解碼以后才能渲染,而解碼過(guò)程需要消耗不少的內(nèi)存和CPU;
- 無(wú)論你是否將使用了這些Base64的文件(HTML,CSS等)緩存到本地,瀏覽器在渲染相關(guān)頁(yè)面的時(shí)候,都要重新解碼,消耗CPU和內(nèi)存。
從上圖可以看出,Android低端手機(jī)的性能差的驚人,iOS 6和Android 4.2的高端機(jī)看起來(lái)還可以但是DataURI也要慢好幾倍。所以其實(shí)總體來(lái)說(shuō),DataURI的方法要慎用,對(duì)于Webapp,更推薦更有效的利用各種緩存技術(shù)。
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站,并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底,使您的網(wǎng)站無(wú)需額外費(fèi)用,即可穩(wěn)步提升排名至首頁(yè)。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。
