5

我正在開發一個網站,並且在刷新頁面時出現很多與加載不一致的情況。按照預期點擊鏈接功能;那裏沒有問題。只有刷新頁面時纔會出現此問題。你會注意到如何加載永久,並在某些情況下,拒絕加載。頁面加載在IE8刷新

http://annualreview.com.au/caltex/2012/

該網站使用WordPress 3.5.1(http://wordpress.org)和基金會3.2.5(http://foundation.zurb.com/)建。

在這個問題上的任何援助將不勝感激。我沒有想法。

謝謝。

更新:,這可能不是IE瀏覽器有關。這個問題似乎也存在於其他瀏覽器中。

+0

我在OSX/Chrome OSX/Safari上看不到任何失敗,但在這兩種情況下,HTML都花了很長時間(5-9s)才能出現。這是託管在WordPress的基礎設施,還是你的? – Offbeatmammal 2013-04-09 00:01:05

+0

在這裏看不到任何頁面加載/刷新的問題。 – 2013-04-09 00:13:54

+0

@Offbeatmammal該網站通過VentraIP(http://ventraip.com.au)託管在我們自己的商業託管帳戶上。該網站現在在我的OSX版本的Chrome上也可以正常加載,所以這似乎是IE/IE8的問題。我已經嘗試暫時恢復默認的二十二個主題來解決問題,所以它必須是主題相關的。 – Scully 2013-04-09 00:34:57

回答

1

這聽起來像有respond.js中引入基於時序的問題。它可能具有直接內聯在js文件中的javascript代碼,並且不包含在諸如document.ready之類的事件中。這會導致它在頁面加載並讀取js時立即執行,並可能導致不一致的頁面加載行爲,具體取決於事件發生的速度或速度。

如果這是一個快速的解決方法可能是包裹respond.js文件的全部內容在文檔準備事件處理程序,以便代碼不執行,直到一切都已經完成加載的情況。

$(document).ready(function(){ 
    //respond.js contents here.. 
}); 

這樣說,我會檢查IE或Chrome開發人員工具控制檯,看看是否有任何js錯誤發生。如果仍然沒有運氣,我會重新追蹤頁面加載邏輯,試圖找出與時間有關的問題可能存在的地方並從那裏開始。您可以在代碼中添加console.log條目,以幫助您在運行時追蹤它並確定流程。日誌條目可以使問題源於何處變得明顯。

1

看着螢火蟲,也有試圖加載圖像巨大的延遲。每個圖像都會阻塞,直到加載上一張圖像 - 嘗試刷新頁面幾次,圖像每次都在1到11秒之間。

Image of Firebug results: https://s17.postimg.org/i3jtmbz1r/firebug_results.jpg

我不是在圖像優化非常熟悉,但快速搜索後,發現一對夫婦的方式,你可以嘗試以優化加載時間:

  • CSS Sprites - 這對於查看圖像的尺寸可能不太有用,並且實現圖像淡化可能會很棘手,但值得一提的是可以在網站的其他地方實施。
  • 您可以嘗試的另一件事是使用其他圖像託管站點,例如Flickr或Amazon S3。瀏覽器往往只允許你同時連接2臺同一臺服務器(所有鏡像都在同一臺服務器上,這樣你就可以獲得很長的阻塞時間),但是可以同時連接8臺不同的服務器,所以使用第三臺派對網站可能會縮短您的加載時間。