[教學] 小修改大改善，令網站載入不再龜速，延遲載入

其實一個部落格(Blog) 有時單調點也不錯，因為起碼不會令觀看的人在等．．．

但是我相信每一個整 Blog 的人都會加一些觀看人數，統計，廣告和一些自己喜歡的 Widget(網頁元素)小插件諸如此類，但種種因素下都會令到網站變得慢慢的，等好久都看不到文章．．．

多數都是因為那些 widget 或統計都在別的站台處理，如果那裡的站台慢，就會在自己 blog 下等到想死．．．才能再載入其他內容．．．

就以我的 Blog 做例子，我是用上 １頂 ３欄 １底 版面

載入次序就會由頂的開始
標題 > 左邊 sidebar > 右邊 sidebar > 中間網誌文章 > 底部網誌存檔

就因為 widget 拖慢了，那我們只要將那些會拖慢了的都放到最後才載入，那樣子就能做到改善，令到不影響觀看者睇文章了～～

我就以我的網站為例，我將 SEO Stats 和 BloggerAds 廣告放到最後才載入，的確改善了等很久才能看到文章的時間(SEO stats 十分嚴重 = = 拖得好慢)

1) 就在你想要變成最慢載入的元件位置改動變成
(SEO stas)<span id="SEO">SEO計算中…</span>

2) 之後就是將原來的Seo code 放在最後才載入的地方，所以我在網誌存檔下的加入一個 html/java 元件，代碼如下
(SEO stas)<!-- start 延遲 SEO 載入 -->
<span id="SEOdelay" style="display: none">
原 SEO Stats 代碼
</span>
<script type="text/javascript">
var ad=document.getElementById("SEO");
var span=document.getElementById("SEOdelay");
ad.innerHTML=span.innerHTML; span.innerHTML="";
</script>
<!-- end 延遲 SEO 載入 -->

那如果還有其他拖慢的也可以如此改動，只要將SPan ID 改為另一個名字就可以，我就將 BloggerAds 也改給大家看

1) (BloggerAds)<span id="blogAds">廣告讀取中…</span>

2)(BloggerAds)<!-- start 延遲 blogAds 廣告 載入 -->
<span id="blogAdsDelay" style="display: none">
原 blogAds 廣告 代碼
</span>
<script type="text/javascript">
var ad=document.getElementById("blogAds");
var span=document.getElementById("blogAdsDelay");
ad.innerHTML=span.innerHTML; span.innerHTML="";
</script>
<!-- end 延遲 blogAds 廣告 載入-->

我想大家也明白了吧?源此類推吧．．．不過如果真的太多拖慢網頁元素，還是忍痛不用比較好^^

教學資料來源：demo小鋪