[問題] 網頁圖片太多造成LAG

看板Web_Design作者 (新手請指教)時間12年前 (2013/08/16 16:08), 編輯推噓4(4011)
留言15則, 4人參與, 最新討論串1/1
最近嘗試作新的網站 http://www.kuo3.com.tw/ 是關於藝術家作品的網站 從網路上爬一些有趣的JQUERY圖片排版作法 然後塞了一堆圖進去後 發現讀取要很久.. 從PC看是剛開始要讀非常久後才會全部顯示 中途有試過把一些圖再縮小,有變順一點。 用IPAD看的話 是讀完圖直接當機.. 把所有APP關閉 是可以等到圖出來 但是滑動後,會因為記憶體的關係就當機了。 現在想說 1.是不是我圖沒有做好壓縮, 本是希望尺寸夠大夠看,然後容量應該可以再壓一下 2.JQUERY的部分是不是要加一下延遲載入之類的功能 現在完全是手動HTML更新,之後會想再加入PHP功能做個更新用的後台這樣 還請多多指教 謝謝各位 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.135.215.10

08/16 16:35, , 1F
全部載完36.2MB太大了
08/16 16:35, 1F

08/16 17:10, , 2F
3X Mb 對網站來說根本不合適 不要一次把圖load完
08/16 17:10, 2F

08/16 17:12, , 3F
先顯示的圖 跟lightbox show的圖 要分開不同張
08/16 17:12, 3F

08/16 17:14, , 4F
去看google相簿的顯示方式,他先顯示的圖,一張都壓到
08/16 17:14, 4F

08/16 17:14, , 5F
10k左右
08/16 17:14, 5F

08/16 17:15, , 6F
所以要分大圖小圖對嗎
08/16 17:15, 6F

08/16 17:16, , 7F
yes 而且你原本大圖的k數也太嚇人了
08/16 17:16, 7F

08/16 17:22, , 8F
試試把jpg壓到80%左右吧,網站是給人看的,user連看的
08/16 17:22, 8F

08/16 17:22, , 9F
意願都沒有,做得再好,畫面再漂亮都沒意義
08/16 17:22, 9F

08/16 17:41, , 10F
抱歉 還沒搞懂如何選擇堪用的k數 ><
08/16 17:41, 10F

08/16 17:52, , 11F
優先將大圖先壓80%了 K數縮小不少..
08/16 17:52, 11F

08/16 18:12, , 12F
處理完小圖變順了..開啟時全部小圖載入只約3mb
08/16 18:12, 12F

08/16 18:13, , 13F
ipad看也不會當機了..
08/16 18:13, 13F

08/16 18:20, , 14F
快多了 好感動..
08/16 18:20, 14F

08/20 09:45, , 15F
加上 lazyload,或許就不用前面那段等待圖片載入的轉圈圈了。
08/20 09:45, 15F
文章代碼(AID): #1I3Ttid3 (Web_Design)