«

»

2 月
15

如何控制頁面內容的加載順序



如何控制頁面內容的加載順序 -網上推廣

如何控制頁面內容的加載順序 -網上推廣


轉載 http://bbl456.blog.sohu.com/72162079.html

目前網站之間相互調用的情況越來越多,比如 需要調用某個第三方提供的一些接口(天氣預報),或者是第三方提供的廣告……

但是出于各種原因(網絡故障、服務器故障、軟件故障……)常常會發生第三方的相應頁面不能訪問的情況,而直接導致自己網站不能正常訪問,或者訪問速度比較慢。

比如:某個網站為頭、內容、底 結構,在網站的頭部放置了第三方提供的廣告,但是出于某種原因,第三方的服務不能正常訪問了,直接導致的情況就是,整個網站 頭部廣告 以下的部分均不能正常訪問(或者要過很久以后才能打開,昨天的臺灣大地震,導致了 Google Adsense 不能正常訪問,直接導致了我的個人網站 http://www.oldtool.net 不能正常打開。)。

為了解決如上的問題,查閱了很多文章后,找到如下的解決方案:頁面的延時加載(Page Delay Load)。

在IE中,幾乎每個對象(div iframe td …)均有一個屬性 readyState(http://msdn2.microsoft.com/en-us/library/ms534358.aspx) ,此屬性反應對象在當前頁面的載入狀態,當該對象完全載入以后,則當前對象的 readyState==”complete” ,借助該屬性,可以控制待當前頁面最期待的內容載入完成以后,再載入有可能出錯的頁面(或者是優先級不高的頁面)。

詳細代碼如下:

問題頁面代碼:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


精巧軟件 www.oldtool.net

這里是頁面的最頂端內容。

如下的 div1 div2 div3 div4 可以放置任何第三方的內容,比如廣告。

inner html 1

說明:此處的 寬、高,不一定需要提前設置,可以將此 Container 的寬、高根據內部的內容自適應。

inner html 2

說明:div3中的內容不能正常訪問,直接導致其下最重要的內容不能正常打開,或者要過很久以后才可以正常打開。




inner html 4

這里是頁面最重要的內容,您每次打開該頁面,均希望該部分內容無論如何可以正常顯示。

這里是頁面的最底端


修復頁面代碼:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


精巧軟件 www.oldtool.net


這里是頁面的最頂端內容。

如下的 div1 div2 div3 div4 全部延時加載。 當前頁面中的最重要內容不會因 div1 div2 div3 div4 內容的損壞,而不能正常訪問。

loading…

loading…

loading…

loading…

這里是頁面最重要的內容,您每次打開該頁面,均希望該部分內容無論如何可以正常顯示。

這里是頁面的最底端


發佈留言

暱稱和郵箱必需填寫,您的郵箱只有管理員可見。

您可以使用這些 HTML 標籤和 attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>