麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

利用JS延遲加載百度分享代碼,提高網(wǎng)頁速度

2019-11-20 22:35:37
字體:
供稿:網(wǎng)友
發(fā)現(xiàn)很多網(wǎng)站在放置百度分享代碼的時(shí)候,簡單的將分享代碼放置到固定的網(wǎng)頁位置就完事了,這是非常致命的方式。因?yàn)椋医?jīng)常打開一個(gè)網(wǎng)頁的時(shí)候,發(fā)現(xiàn)在網(wǎng)頁加載到分享代碼的時(shí)候,有時(shí)候花上幾秒的時(shí)候來請(qǐng)求百度的服務(wù)器,最后展示分享按鈕。

其實(shí),像這樣對(duì)網(wǎng)頁來說不是非常重要的功能,我們大可以用JS來延遲加載,從而提高網(wǎng)頁主要內(nèi)容的快速加載顯示。
這里分享下我的放置方式。
一、copy百度分享代碼,如下:
復(fù)制代碼 代碼如下:

<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare">
<a class="bds_tsina"></a>
<a class="bds_qzone"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="bds_douban"></a>
<span class="bds_more"></span>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&uid=0" ></script>
<script type="text/javascript" id="bdshell_js"></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 -->

二、放置代碼
認(rèn)真分析上面的分享代碼,我們可以發(fā)現(xiàn),其中有3個(gè)js腳本標(biāo)簽,這些都是有可能影響網(wǎng)頁呈現(xiàn)速度的,最后發(fā)現(xiàn),其實(shí),只有最后一個(gè)<script>標(biāo)簽的作用是請(qǐng)求百度服務(wù)器,展示分享圖片和鏈接。那么,這條JS我們大可放到最后加載。
下面是我做的一個(gè)demo:
復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>JS延遲加載百度分享代碼,提高網(wǎng)頁速度</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 id="baidu-share">
            <!-- Baidu Button BEGIN -->
            <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare">
            <a class="bds_tsina"></a>
            <a class="bds_qzone"></a>
            <a class="bds_tqq"></a>
            <a class="bds_renren"></a>
            <a class="bds_douban"></a>
            <span class="bds_more"></span>
            <a class="shareCount"></a>
            </div>
            <script type="text/javascript" id="bdshare_js" data="type=tools&uid=0" ></script>
            <script type="text/javascript" id="bdshell_js"></script>
            <!-- Baidu Button END -->
        </div>
        <div id="copyright">
            <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,可以發(fā)現(xiàn)我只是單純的將最后一個(gè)有src屬性的script標(biāo)簽,放到最后動(dòng)態(tài)加載的,并且是在window.onload之后加載。之前加載的都是純html標(biāo)簽代碼,并不會(huì)有多影響網(wǎng)頁速度。
百度分享代碼通過這樣調(diào)整后就算百度的服務(wù)器掛了,也不會(huì)影響自己的網(wǎng)頁正常顯示。

其實(shí),這樣的技巧還有很多地方都可以用。想網(wǎng)站統(tǒng)計(jì)代碼、百度谷歌搜索代碼、第三方廣告代碼等,我們都可以放到網(wǎng)頁底部最后來加載,這樣即使第三方的服務(wù)器宕機(jī),我們自己的機(jī)器也不會(huì)受到多少影響。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 麻豆视频在线免费观看 | 热99在线视频 | 视频一区二区三区中文字幕 | 久久日韩在线 | 免费中文视频 | 日韩精品羞羞答答 | 国产真实孩交 | 精品一区二区在线播放 | 曰韩毛片| 久久久久久久久久久久久久av | 国产大片中文字幕在线观看 | 九九热视频这里只有精品 | 久久久久久三区 | 日本欧美一区二区三区在线观看 | 一区二区三区精品国产 | 老女人碰碰在线碰碰视频 | 国产欧美亚洲精品a | 免费男女视频 | 日韩视频www| 久草成人在线观看 | 国产一国产精品一级毛片 | 黄色日韩网站 | 毛片免费视频播放 | 美女网站黄在线观看 | 成人不卡在线观看 | 国产一级毛片视频在线! | xxxxxx打针视频vk| 一级毛片在线免费播放 | 欧美日韩一区,二区,三区,久久精品 | 国产色91 | 99视频有精品视频高清 | 亚洲第一男人天堂 | 欧美一区二区三区久久精品视 | 日日摸夜夜添夜夜添牛牛 | 激情九九 | 蝌蚪久久窝 | 日产精品久久久一区二区开放时间 | 久久精品久久久久 | 亚洲免费视频大全 | 啊~用cao嗯力cao烂我视频 | 一级做a爱性色毛片免费1 |