国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

利用JS延遲加載百度分享代碼,提高網頁速度

2024-05-06 15:48:24
字體:
來源:轉載
供稿:網友
相信大家經常在一些網站上看到有快捷分享到各大流行網站的按鈕,目前流行的有JiaThis、百度分享、Bshare等,目前用百度分享的居多

發現很多網站在放置百度分享代碼的時候,簡單的將分享代碼放置到固定的網頁位置就完事了,這是非常致命的方式。因為,我經常打開一個網頁的時候,發現在網頁加載到分享代碼的時候,有時候花上幾秒的時候來請求百度的服務器,最后展示分享按鈕。

其實,像這樣對網頁來說不是非常重要的功能,我們大可以用JS來延遲加載,從而提高網頁主要內容的快速加載顯示。
這里分享下我的放置方式。
一、copy百度分享代碼,如下:

復制代碼 代碼如下:


<!-- Baidu Button BEGIN -->
<div>
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
<span></span>
<a></a>
</div>
<script type="text/javascript" data="type=tools&uid=0" ></script>
<script type="text/javascript"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script>
<!-- Baidu Button END -->


二、放置代碼
認真分析上面的分享代碼,我們可以發現,其中有3個js腳本標簽,這些都是有可能影響網頁呈現速度的,最后發現,其實,只有最后一個<script>標簽的作用是請求百度服務器,展示分享圖片和鏈接。那么,這條JS我們大可放到最后加載。
下面是我做的一個demo:

復制代碼 代碼如下:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>JS延遲加載百度分享代碼,提高網頁速度</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<style type="text/css">
body{margin:0px;padding:0px;font-size:12px;}
#copyright{clear:both;}
</style>
</head>

<body>
<div>
<!-- Baidu Button BEGIN -->
<div>
<a></a>
<a></a>
<a></a>
<a></a>
<a></a>
<span></span>
<a></a>
</div>
<script type="text/javascript" data="type=tools&uid=0" ></script>
<script type="text/javascript"></script>
<!-- Baidu Button END -->
</div>
<div>
<a >編程圖書PDF下載【codejia.net】</a>
</div>

<script type="text/javascript">
window.onload = shareCode;

function shareCode(){
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
}
</script>
</body>
</html>


分析:通過上面的demo,可以發現我只是單純的將最后一個有src屬性的script標簽,放到最后動態加載的,并且是在window.onload之后加載。之前加載的都是純html標簽代碼,并不會有多影響網頁速度。
百度分享代碼通過這樣調整后就算百度的服務器掛了,也不會影響自己的網頁正常顯示。

其實,這樣的技巧還有很多地方都可以用。想網站統計代碼、百度谷歌搜索代碼、第三方廣告代碼等,我們都可以放到網頁底部最后來加載,這樣即使第三方的服務器宕機,我們自己的機器也不會受到多少影響。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 基隆市| 崇仁县| 慈溪市| 镇赉县| 瑞昌市| 麻城市| 大厂| 敦化市| 灌云县| 吉首市| 区。| 苍梧县| 上饶县| 庄浪县| 澄迈县| 武宁县| 康马县| 梁平县| 固阳县| 江油市| 海晏县| 建阳市| 华宁县| 河北省| 鞍山市| 色达县| 陇西县| 德阳市| 克山县| 濮阳县| 南康市| 甘孜| 东安县| 新密市| 沙雅县| 斗六市| 塔河县| 莒南县| 陇川县| 陇川县| 韶关市|