作者imgodd (新手請指教)
看板Web_Design
標題[問題] 網頁圖片太多造成LAG
時間Fri Aug 16 16:08:09 2013
最近嘗試作新的網站
http://www.kuo3.com.tw/
是關於藝術家作品的網站
從網路上爬一些有趣的JQUERY圖片排版作法
然後塞了一堆圖進去後 發現讀取要很久..
從PC看是剛開始要讀非常久後才會全部顯示
中途有試過把一些圖再縮小，有變順一點。
用IPAD看的話 是讀完圖直接當機..
把所有APP關閉 是可以等到圖出來
但是滑動後，會因為記憶體的關係就當機了。
現在想說
1.是不是我圖沒有做好壓縮，
本是希望尺寸夠大夠看，然後容量應該可以再壓一下
2.JQUERY的部分是不是要加一下延遲載入之類的功能
現在完全是手動HTML更新，之後會想再加入PHP功能做個更新用的後台這樣
還請多多指教 謝謝各位
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.135.215.10
1F：推 pm2001:全部載完36.2MB太大了 08/16 16:35
2F：推 singergod:3X Mb 對網站來說根本不合適 不要一次把圖load完 08/16 17:10
3F：推 singergod:先顯示的圖 跟lightbox show的圖 要分開不同張 08/16 17:12
4F：→ singergod:去看google相簿的顯示方式，他先顯示的圖，一張都壓到 08/16 17:14
5F：→ singergod:10k左右 08/16 17:14
6F：→ imgodd:所以要分大圖小圖對嗎 08/16 17:15
7F：推 singergod:yes 而且你原本大圖的k數也太嚇人了 08/16 17:16
8F：→ singergod:試試把jpg壓到80%左右吧，網站是給人看的，user連看的 08/16 17:22
9F：→ singergod:意願都沒有，做得再好，畫面再漂亮都沒意義 08/16 17:22
10F：→ imgodd:抱歉 還沒搞懂如何選擇堪用的k數 >< 08/16 17:41
11F：→ imgodd:優先將大圖先壓80%了 K數縮小不少.. 08/16 17:52
12F：→ imgodd:處理完小圖變順了..開啟時全部小圖載入只約3mb 08/16 18:12
13F：→ imgodd:ipad看也不會當機了.. 08/16 18:13
14F：→ imgodd:快多了 好感動.. 08/16 18:20
15F：→ KC73:加上 lazyload，或許就不用前面那段等待圖片載入的轉圈圈了。 08/20 09:45