網站小小加速.廣告延遲載入

網站小小加速。廣告延遲載入

「綠色工廠怎麼那麼慢?」「Bloggerads怎麼老是卡住?」以上兩句是我自己的心聲,一直想克服網頁很慢的問題,於是最近把背景改成七彩背景了,但是改善效果不是很好,真正的瓶頸應該還是廣告載入過慢的問題,尤其我常常Bloggerads和抱怨,抱怨到我感覺自己好像奧客,也好像只有綠色工廠慢的感覺@@a,是這樣嗎?

很忙的企鵝阿呆老是沒時間教我如何把廣告最後載入(都忙在睡覺吃飯打電動),於是我只好自己來找解決方式了,之前就在google找過幾次了,只是一直沒有找對關鍵字,譬如說「廣告 最後顯示」「廣告 最後讀取」之類的字眼,到昨天才發現有答案的關鍵字是「廣告延遲載入」。

在此也感謝寫了篇「延遲廣告載入,避免廣告拖慢你網站的速度」教學的demo小鋪,昨天在睡前終於讓我發現了方法,於是再晚睡都要把廣告延遲載入的技術好好實做一次,雖然說對懂javascript的學長們不是什麼大技術,但是對我來說還真是大還丹一顆!

簡單的記錄一下方法吧!在原本放置廣告的地方先改成一段<span></span>,並且命名id,中間可以寫上讀取中的字樣,或是空白。
<span id="BloggerAds">等等 Bloggerads 就來了</span>
那麼廣告程式碼到底寫在哪裡呢?既然是最後讀取當然是放在網頁最後方,當然也可以視狀況放到不影響正常文章讀取之後方。這時候也是寫一段<span></span>並命名id,再把該寫的廣告程式碼放到中間。
<span id="show_BloggerAds" style="display: none">
會拖慢網頁瀏覽的廣告程式碼
</span>
接著就是來一段javascript,主要的作用就是讓後段的<span id="show_BloggerAds">取代前段的<span id="BloggerAds">,這樣就可以達成廣告延遲載入的效果。
<script type="text/javascript">
var no_show=document.getElementById("BloggerAds");
var show=document.getElementById("show_BloggerAds");
no_show.innerHTML=show.innerHTML;
show.innerHTML="";
</script>
再測試之後終於把我覺得會卡的Bloggerads搞定,超級感動的啦!後來發現原來拖慢的不只這樣,在追求速度的快感之下,把很多廣告都一樣畫葫蘆搞定了,終於有把網頁一次展開的感覺了!

網站小小加速.廣告延遲載入 參考影音

繼續努力蒐集當中...

網站小小加速.廣告延遲載入 文章標籤

網站小小加速。廣告延遲載入 相關文章

我還真是猜不透你呢!

星火NEW直播: 最新 APK 下載

第四台業者會哭哭的~

TOP