長年累月，做個小站不容易，流量上來了廣告管理不容易，廣告多了服務(wù)器更不容易。廣告管理繁瑣，頁面加載慢，拖死服務(wù)器等。常常的雞皮小事鬧騰的很，以前廣告管理都JS調(diào)用，JS多了，http請求多，服務(wù)器拖的慢。百度廣告管家最近出了個批量請求，提升廣告加載速度，試用了下還是不錯的。

對于前端優(yōu)化，谷歌page speed在評判上有一定的權(quán)威性，下面就用page speed為基礎(chǔ)測試。

優(yōu)化后的頁面page speed打分

優(yōu)化頁面之前的page speed評分

從評分上來看，優(yōu)劣當(dāng)然是顯而易見的。下面對比下http請求數(shù)。

數(shù)據(jù)看來，請求數(shù)減少了17個，請求大小減少200多KB。。當(dāng)然，這里的優(yōu)化不全是換了廣告系統(tǒng)的原因，但是百度廣告管家的功勞還是不可否認(rèn)的。在頁面的加載上也是顯而易見的。下面繼續(xù)看圖。谷歌管理員工具抓取截圖。

從6月份開始，蜘蛛的抓取量明顯變大。在服務(wù)器穩(wěn)定的情況下，過少的請求鏈接，輔助頁面的快速加載，有助于蜘蛛的頁面抓取。頁面加載速度會不會影響呢？

這里，貼圖一個由于服務(wù)器不穩(wěn)定，蜘蛛抓取明顯下降的圖。

你可以看到，蜘蛛呀每天都是爬很多頁面，但是呢下載下來的數(shù)據(jù)卻是明顯下降的。為什么會出現(xiàn)這樣的情況呢。 在五月中旬的時候，此網(wǎng)站更換了服務(wù)器，由于新服務(wù)器帶寬變小，網(wǎng)頁在打開加載的時候明顯變慢。繼而影響蜘蛛的數(shù)據(jù)索引。所以，好的加載速度不僅僅是對用戶的訪問體驗，還是蜘蛛的抓取，都是一個很大的問題。

在服務(wù)器一定的情況下，減少http請求，可以加快頁面加載速度，而減少http請求最直接的方法是減少JS的請求，百度廣告管家的批量請求正是我們想要的。

按照百度的批量請求二段式代碼，個人覺得在加載頁面的時候還是會有一定的延遲停頓。對于網(wǎng)站服務(wù)器不是很穩(wěn)定，訪客網(wǎng)速不給力的情況，對打開頁面還是有一定的影響的。個人引用以前的延遲加載的代碼。覺得應(yīng)該是比較完美吧。

代碼原則：

在需要顯示廣告的地方加入：

<SPAN id=ad_01>廣告載入中..</SPAN>

在網(wǎng)頁底部加上廣告代碼：

<SPAN class=spanclass id=span_ad_01><!----調(diào)用百度廣告二段式第二段代碼-----></SPAN>

<script>document.getElementById("ad_01").innerHTML=document.getElementById("span_ad_01").innerHTML;document.getElementById("span_ad_01").innerHTML="";</script>

這樣的有什么好處呢，第一，不影響百度的批量請求。第二，在頁面加載時優(yōu)先加載頁面的其他代碼，最后加載廣告代碼。。在速度上應(yīng)該更加流暢。在網(wǎng)站其他代碼請求顯示的時候廣告代碼也請求顯示完畢了。

文章出處：

感謝 hui52002 的投稿