時加載網頁

我想用我的網頁的加載時間很多問題：時加載網頁

www.alvaromillan.es。

我試圖縮小js和圖像，但問題是，正如你所看到的，我的網站只是這個網頁，所以每個圖像和js都在這個文件上... 加載時間是真的很高，甚至平滑的滾動運動持續很多，並在你第一次使用它不會很好...

請你可以任何人幫助我？

來源

2011-11-17 user1051400

給YSlow Firefox插件試一試。它會分析你的網站的加載時間，並告訴你採取最好的行動來解決它。

來源

2011-11-17 09:31:37 skaffman

你好，我做了你告訴我的結果是好的，但它還不夠...網絡仍然非常慢，我認爲問題可能是有許多圖像不能在精靈表（它們是來自每個專家的圖像，這些圖像被加載到fancybox中......）。你認爲可以有另一個好的提示，以減少我的網絡的時間加載？順便說一句，這裏是網站：www.alvaromillan。es – user1051400

我簡單地看了一下使用Chrome開發者工具的頁面，雖然YSlow可能會提供幾個你可以做的事情，但我認爲最大的收穫來自優化和創建你的圖片。您的網頁上的156個請求中有131個用於圖片。這是很多的圖像，而且很多都很小。還有很多圖像的大小在字節上看起來相當大。這是我會做的：

結合圖像使用幾個精靈表約50k-100k每張。
使用PNG格式。
量化精靈表爲8位PNG。我的猜測是你不會因爲這樣做而感受到明顯的質量損失。你可以使用像pngquant這樣的spmething來做到這一點。
使用類似optipng的東西在量化圖像上應用無損壓縮。

我認爲這會產生戲劇性的改善。

正如skaffman建議的那樣，運行yslow和/或google page speed test以獲得更全面的建議。我也喜歡使用webpagetest.org，它爲優化頁面提供了很好的指標。

來源

2011-11-17 12:27:08

非常感謝！我會試試看！你會推薦多少張圖片放入每張精靈圖表中？ – user1051400

我會盡量使每張紙不超過50k。這只是我使用的一個數字，似乎是合理的。由於大多數瀏覽器無法利用parralelzation，因此單個sprite太大是一個糟糕的想法。 –

非常感謝你馬特，我會試試看，我會告訴你！ – user1051400

OK，這裏的一些快速的初步想法......

刷新頁面頭後，這樣瀏覽器就可以開始下載這些資源越快。

刪除了iframe

jQuery的似乎加載兩次 - 一次直接通過一次的google.load

你能推遲的JavaScript加載，直到後來例如把它放在頁面底部還是異步加載？

而不是預加載幻燈片顯示圖像 - 爲什麼不點擊時加載它們，或者在頁面加載完成後延遲加載它們？

你也真的想IE瀏覽器模擬IE6？

來源

2011-11-28 17:42:11

嗯，我已經證明幾乎所有的東西，但加載仍然需要太長時間...我認爲這個問題可能是加載所有圖像的JavaScript ...我想這個JavaScript被加載只是當用戶點擊一個縮略圖（這個JavaScript是一個燈箱），但我不知道該怎麼做。我已閱讀了關於延遲加載和按需閱讀，但我無法得到它... 但我想做懶惰或需求的東西...你能幫我嗎？ – user1051400

現在我有這個js： – user1051400

看着瀑布，我很確定iframe是個問題 - 在Chrome瀏覽器中它阻止了大約3.5秒的頁面。您是否真的需要將聯繫表單放在iframe中？您是否可以將其包含在頁面中？ –

回答

相關問題