如何零成本快速秒顯示網(wǎng)站大圖

2017-02-11　瀏覽：150

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

style=" display:none"  用于圖片不可見，就是真正用到圖片前就把圖片加載掉。



實測此方案在成本為0時可以秒顯網(wǎng)站大圖。

上一條: 義烏做網(wǎng)站一般多少錢？自己可以DIY不？
下一條: 網(wǎng)站百度地圖中定位圖標(biāo)圖片打不開解決辦法

新聞資訊

相關(guān)資訊