2011-07-19 96 views
0

我有一個網站,當用戶進行查詢時,他被帶到一個帶有25個200x150px圖像鏈接的結果頁面。我的問題是(至少在我的電腦上)內容似乎不會在圖像之前加載!圖像加載之前內容?

我在圖像部分之前和之後都有內容(類似頁眉和頁腳,圖像是中間的內容),但在所有圖像傳輸完畢之後才能看到頁腳,這是很多,每個500毫秒左右,在上一張圖片加載前沒有任何內容出現!

我試圖從代理訪問我的網站,但結果不同:圖像插槽已加載,所以頁眉和頁腳以及圖像逐個加載,但沒有保留任何其他內容的加載!

即使如此,他們慢慢地加載中...出現在Mozilla Firefox和Internet Explorer上:(

這個問題,但無法在Chrome或Opera。
任何想法可能是造成這個?
而更多的,理想的優化,我的具體情況?感謝任何想法提前!

乾杯!

回答

2

任何想法可能導致這種情況?

我認爲,我們將不勝感激一些代碼,螢火蟲信息,google page speed

任何想法可能是造成這個?

這是一個猜測,但也許flushing the buffer早期可能有助於

多,理想的優化,我的具體情況的任何想法?

Post-load您的圖片(其他資產也是)使用YUI image loader

你可以把你的網頁定睛一看,問自己:「什麼是 絕對需要的,以最初呈現頁面?」。其餘 的內容和組件可以等待。

加載javascript時,應該使用non-blocking javascript using headjs for example或者只是放入javascript at the bottom

我會建議你看看Yahoo!'s best practicesGoogle Page speed page以及

+1

謝謝您的回答!你真的很有幫助!我會嘗試在你的答案中提到的一切,並重新開始。我不認爲我的代碼是相關的,因爲它是基本的mysql查詢和圖像地址回顯....也許在另一個問題中,我只是希望這一個儘可能通用,因爲我需要優化的想法。無論如何,非常感謝! –

+1

@Andrei您的歡迎;) – Alfred

1

這可能不相關的Chrome和Opera正在加快,但什麼可能發生的情況是你的服務器是仍然試圖得到內容並沒有完成處理HTML,這是我在PHP中編寫的視頻應用程序在我修復之前所做的。雖然我不確定,但我認爲Chrome可能會向服務器發出多重請求,從而在等待時拉下圖像,而IE和FF一次只能完成一項任務。這只是我最好的猜測。

如果你真的擔心它,你可以做一個JavaScript啓動畫面,它會說「請等待內容加載」,然後在頁面加載後刪除。

請參閱http://rainbow.arch.scriptmania.com/scripts/preload_wait.html如果這是你想要做的。

相關問題