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