但是我相信每一個整 Blog 的人都會加一些觀看人數,統計,廣告和一些自己喜歡的 Widget(網頁元素)小插件諸如此類,但種種因素下都會令到網站變得慢慢的,等好久都看不到文章...
多數都是因為那些 widget 或統計都在別的站台處理,如果那裡的站台慢,就會在自己 blog 下等到想死...才能再載入其他內容...
就以我的 Blog 做例子,我是用上 1頂 3欄 1底 版面
載入次序就會由頂的開始
標題 > 左邊 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小鋪
3 意見:
你的網頁,是我瀏覽過的網頁當中,正文部份最慢出現、要人等最久的。
看來還改得不太夠。
張貼留言