3C科技 娛樂遊戲 美食旅遊 時尚美妝 親子育兒 生活休閒 金融理財 健康運動 寰宇綜合

Zi 字媒體

2017-07-25T20:27:27+00:00
加入好友
「綠色工廠怎麼那麼慢?」「Bloggerads怎麼老是卡住?」以上兩句是我自己的心聲,一直想克服網頁很慢的問題,於是最近把背景改成七彩背景了,但是改善效果不是很好,真正的瓶頸應該還是廣告載入過慢的問題,尤其我常常Bloggerads和抱怨,抱怨到我感覺自己好像奧客,也好像只有綠色工廠慢的感覺@@a,是這樣嗎? 很忙的企鵝阿呆老是沒時間教我如何把廣告最後載入(都忙在睡覺吃飯打電動),於是我只好自己來找解決方式了,之前就在google找過幾次了,只是一直沒有找對關鍵字,譬如說「廣告 最後顯示」「廣告 最後讀取」之類的字眼,到昨天才發現有答案的關鍵字是「廣告延遲載入」。 在此也感謝寫了篇「延遲廣告載入,避免廣告拖慢你網站的速度」教學的demo小鋪,昨天在睡前終於讓我發現了方法,於是再晚睡都要把廣告延遲載入的技術好好實做一次,雖然說對懂javascript的學長們不是什麼大技術,但是對我來說還真是大還丹一顆!簡單的記錄一下方法吧!在原本放置廣告的地方先改成一段,並且命名id,中間可以寫上讀取中的字樣,或是空白。等等 Bloggerads 就來了 那麼廣告程式碼到底寫在哪裡呢?既然是最後讀取當然是放在網頁最後方,當然也可以視狀況放到不影響正常文章讀取之後方。這時候也是寫一段並命名id,再把該寫的廣告程式碼放到中間。 會拖慢網頁瀏覽的廣告程式碼 接著就是來一段javascript,主要的作用就是讓後段的取代前段的,這樣就可以達成廣告延遲載入的效果。 var no_show=document.getElementById("BloggerAds"); var show=document.getElementById("show_BloggerAds"); no_show.innerHTML=show.innerHTML; show.innerHTML=""; 再測試之後終於把我覺得會卡的Bloggerads搞定,超級感動的啦!後來發現原來拖慢的不只這樣,在追求速度的快感之下,把很多廣告都一樣畫葫蘆搞定了,終於有把網頁一次展開的感覺了! HUAWEI P30 開箱四大功能特色懶人包,沒有 P30 Pro 也可以拍好拍滿

本文由ez3c提供 原文連結

寫了 5860316篇文章,獲得 23313次喜歡
精彩推薦