我們義烏網站建設客戶中,一集團公司客戶,首頁采用大圖切換,如何秒顯這些大圖帶來優(yōu)秀的網站用戶體驗?加快網站速度,我們肯定會想到提高服務器帶寬,1.提高服務器帶寬會使成本成倍增加,在網站平價的今天,基本上這單就算白做了。2.html靜態(tài)化或者采用傳說中的執(zhí)行效率高php ,企業(yè)網站讀取數據庫少,基本上以及接近于html頁面,這個方案也可以否掉。3.就算我們增加帶寬,但訪客的電腦寬帶有限。
分離交錯式存放和提前加載在不增加帶寬的情況下實測試可以秒顯大圖
如一般大圖變換打算為五張,我們把這五張圖分別存放在三臺服務器上。
圖一存放服務器一
圖二存放服務器二
圖三存放服務器一
圖四存放服務器二
圖五存放服務器三
<img src="網址1/圖片1.jpg" width="0" height="0" style=" display:none"/>
<img src="網址2/圖片2.jpg" width="0" height="0" style="display:none"/>
<img src="網址1/圖片3.jpg" width="0" height="0" style="display:none"/>
<img src="網址2/圖片4.jpg" width="0" height="0" style="display:none"/>
<img src="網址3/圖片5.jpg" width="0" height="0" style="display:none"/>
style=" display:none" 用于圖片不可見,就是真正用到圖片前就把圖片加載掉。
實測此方案在成本為0時可以秒顯網站大圖。