網站上的圖片需要一段時間才能加載

Question

幾分鍾前我剛剛寫了同一篇文章。 整件事太懶惰，寫得不好，我重新發布了這個問題。 為第一篇文章道歉。

這是我的網站：

top-drawer.net/artists.html

當我使用不是我自己的瀏覽器時，加載圖片需要多長時間是非常明顯的。我說的是藝術家頁面和個人藝術家自己的頁面。 當您點擊頁面時，您會看到圖像緩慢加載，而當您向新網站展示時，它看起來真的一點也不專業。

這是什么原因造成的，我該如何解決？

僅供參考，我正在使用谷歌瀏覽器查看我的作品。

Answer 1

這需要一點時間，因為有一個腳本可以將 img 元素的不透明度從 0 更改為 100%，這就是您無法立即看到它們的原因。 嘗試將其更改為：

$('#slider').backstretch([
  "/../images/bennyPalmer/2.jpg"
  , "/../images/bennyPalmer/8.jpg"
  , "/../images/bennyPalmer/3.jpg"
], {duration: 3000, fade: 750});

到：

$('#slider').backstretch([
  "/../images/bennyPalmer/2.jpg"
  , "/../images/bennyPalmer/8.jpg"
  , "/../images/bennyPalmer/3.jpg"
], {duration: 3000, fade: 750, fadeFirstImage: false});

請注意，您需要存儲庫的最新版本。 這里參考： https : //github.com/srobbin/jquery-backstretch/pull/345

Answer 2

您的圖像需要很長時間才能加載（在藝術家頁面中），因為它們是大文件。 嘗試創建大圖像的縮略圖