2012-04-25 60 views
0

我有一個網站與作爲背景圖片減少'明顯'的頁面加載時間 - 如何在後臺加載資產'?

http://bitstream.ca/beta3/

有什麼的時候纔在頁面加載正常顯示幾秒鐘的延遲幾個大的JPG文件。

任何人都可以建議一些方法,無論是使用jQuery或其他方式,以在初始頁面加載後智能地加載其他資產?

即僞邏輯將是
1個-load爲初始頁顯示最小資產
2 -after#1完成後,加載所需要的頁功能性的任何額外的資產
3 -after#2完成讓DOM知道我們準備好了!

回答

0

是的,你可以做幾次優化。

首先,spriteoptimize您的圖像,以使它們儘可能小和容易加載在一個請求儘可能。

在動態加載方面,有很多插件可以用來延遲加載圖片和其他你不需要的內容。退房:

+0

感謝,我會看看動態加載選項。 Sprite可能不適用於完整的瀏覽器jpgs,它們已經被壓縮了。 – 2012-04-25 18:05:52

+0

也是一篇關於避免「FUBC」(非行爲內容的閃光)的好文章http://labjs.com/ LABjs&User-Experience – 2012-04-25 18:20:47

+0

Head.js和lab.js也是延遲腳本加載的選項,但並不確定每個利弊是什麼 – 2012-04-25 18:44:39