多圖的購物網站如何做到幾乎不跑讀取條換頁

網頁設計 rwd網頁設計購物網站網頁程式網頁加速

mdnono1026 2018-10-25 21:05:17 ‧ 2136 瀏覽

請問各位大大,
像Lativ這種電商網站
內容圖多也要求畫質
除了基本的控制圖片大小以外
還會做甚麼樣的語法處理?
或是硬體上需要什麼支援?
才能達到切換賣場頁面幾乎不讀取
尤其用手機瀏覽時，換頁那個讀取的bar幾乎不會出現
謝謝!!

小灰狼 iT邦新手 5 級 ‧ 2018-10-25 21:09:24 檢舉

通常我們不會讓頁面一次跑完所有的圖，會先取部分需要的前幾張，然後才慢慢一路往下讀取。這樣使用者就不會要等很久的讀取畫面
請查詢 lazyload.js

優悠 iT邦新手 3 級 ‧ 2018-10-26 10:33:37 檢舉

讀完一個圖，再換讀下一個
AJAX就可以辦到了，可能會麻煩點
沒實際寫過，僅供參考

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

小灰狼

iT邦新手 5 級 ‧ 2018-10-25 21:10:08

通常我們不會讓頁面一次跑完所有的圖，會先取部分需要的前幾張，然後才慢慢一路往下讀取。這樣使用者就不會要等很久的讀取畫面
請查詢 lazyload.js

犬千賀

iT邦新手 3 級 ‧ 2018-10-29 11:34:04

如其他大大所言一開始只先抓部分資料&圖
判斷scroll down到某一程度, 用Ajax讀取後續資料(loop..

P.S. 記得做到'幾乎'沒有進度條就好

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙