網站前端和背景性能優化17

後加載元件 (Post-load Components)

tag:content

你可以仔細端詳下你的頁面然後自問：“什麼是在頁面初始化時必須的？”那麼其餘的内容群組件可以放在後面。

JavaScript是理想的用來分割onload事件之前和之後的選擇。例如你有執行拖放、下拉和動畫的JavaScript代碼和菜單，它們可以稍後加載，因為使用者在初始呈現之後才會在頁面上拖動元素。其他的可以被後加載的地方包括隐藏的内容（當使用者做某項操作才會展現的内容）和被折疊的圖檔。

可以幫助你的工具有： YUI Image Loader能幫助你延緩加載折疊的圖檔，而且YUI Get utility 能夠很簡單的包裝運作中的JS和CSS。比如，打開Firebug的網絡頁籤去檢視Yahoo! Home Page。

當性能名額和其它網站開發的好的實踐一緻時是不錯的。漸進增強的觀念告訴我們當支援JavaScript時，會提高使用者體驗，但你必須確定在沒有JavaScript時頁面也能工作。是以當你確定頁面工作正常時，你會通過延後加載的那些更花哨的腳本比如拖放和動畫，來增強你的頁面。