亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

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

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

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

<!-- 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 -->

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

其實,這樣的技巧還有很多地方都可以用。想網站統計代碼、百度谷歌搜索代碼、第三方廣告代碼等,我們都可以放到網頁底部最后來加載,這樣即使第三方的服務器宕機,我們自己的機器也不會受到多少影響。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲男人天堂2024| 亚洲精品之草原avav久久| 欧美野外猛男的大粗鳮| 欧美日本黄视频| 91影视免费在线观看| 91大神福利视频在线| 久久99亚洲热视| 性欧美暴力猛交69hd| 青草青草久热精品视频在线观看| 国产成人精品视频| 色妞一区二区三区| 国产精品久久久久一区二区| 亚洲日本中文字幕免费在线不卡| 国产精品美女主播在线观看纯欲| 日韩电影大全免费观看2023年上| 国产精品中文字幕在线| 久久亚洲国产精品成人av秋霞| 国产男人精品视频| 久久久最新网址| 欧美主播福利视频| 在线观看中文字幕亚洲| 久久久久国产精品免费| 色www亚洲国产张柏芝| 最近中文字幕日韩精品| 亚洲va久久久噜噜噜| 日韩欧美在线看| 亚洲成成品网站| 91在线直播亚洲| 欧美激情一区二区三区高清视频| 久久99国产精品自在自在app| 97精品国产97久久久久久免费| 国产欧美日韩免费| 欧美大秀在线观看| 8x海外华人永久免费日韩内陆视频| 欧美裸体xxxx极品少妇| 欧美日韩ab片| 亚洲一区二区在线播放| 成人av在线天堂| 日本精品免费观看| 日韩小视频在线观看| 91国偷自产一区二区三区的观看方式| 国产三级精品网站| 国产一区视频在线播放| 91tv亚洲精品香蕉国产一区7ujn| 中文欧美在线视频| 性夜试看影院91社区| 在线视频中文亚洲| 亚洲japanese制服美女| 成人妇女免费播放久久久| 日本不卡视频在线播放| 亚洲一区av在线播放| 欧美极品美女电影一区| 亚洲欧美制服丝袜| 亚洲人成网站色ww在线| 性夜试看影院91社区| 97免费视频在线播放| 日韩美女激情视频| 国产精品1区2区在线观看| 亚洲国产欧美日韩精品| www.日韩系列| 国产精品揄拍一区二区| 亚洲成人网在线| 欧美性资源免费| 国产精品美女在线观看| 色偷偷88888欧美精品久久久| 久久精品中文字幕免费mv| 综合av色偷偷网| 尤物yw午夜国产精品视频明星| 亚洲激情小视频| 中文字幕日韩精品在线观看| 欧美亚洲国产日韩2020| 一区二区欧美久久| 欧美在线一级视频| 亚洲高清一区二| 久久久久久12| 亚洲国产中文字幕久久网| 亚洲一区亚洲二区| 91精品久久久久久久久中文字幕| 精品香蕉一区二区三区| 国产一区二区三区视频免费| 国产不卡精品视男人的天堂| 国产精品美女午夜av| 日韩欧美在线免费| 国产一区视频在线| 亚洲护士老师的毛茸茸最新章节| 国产一区二区三区视频在线观看| 国产免费久久av| 久久成人一区二区| 欧美日韩中文字幕日韩欧美| 日韩免费av片在线观看| 日韩视频免费看| 91麻豆国产精品| 亚洲精品久久久久久久久久久| 国产丝袜精品视频| 自拍偷拍亚洲区| 日韩大胆人体377p| 国产伊人精品在线| 深夜福利亚洲导航| 欧美午夜宅男影院在线观看| 亚洲少妇激情视频| 国产成人免费91av在线| 欧美日韩免费区域视频在线观看| 欧美成人精品一区二区三区| 97热在线精品视频在线观看| 美女扒开尿口让男人操亚洲视频网站| 久久久久亚洲精品| 日韩精品中文在线观看| 91视频免费在线| 色视频www在线播放国产成人| 亚洲精品视频中文字幕| 狠狠久久五月精品中文字幕| 懂色aⅴ精品一区二区三区蜜月| 黑人狂躁日本妞一区二区三区| 亚洲国产精品一区二区三区| 456亚洲影院| 国产丝袜高跟一区| 亚洲成人av资源网| 久久久99久久精品女同性| 亚洲福利视频专区| 日韩成人在线播放| 搡老女人一区二区三区视频tv| 亚洲色图狂野欧美| 久久人人爽人人爽人人片av高清| 国产精品免费久久久久久| 国产欧美久久久久久| 亚洲天堂影视av| 国产97免费视| 55夜色66夜色国产精品视频| 夜夜嗨av一区二区三区四区| 91影院在线免费观看视频| 狠狠做深爱婷婷久久综合一区| 亚洲第一精品电影| 欧美激情综合亚洲一二区| 日韩av影片在线观看| 欧美丰满老妇厨房牲生活| 日韩av大片免费看| 国产一区二区三区高清在线观看| 夜夜嗨av色一区二区不卡| 欧美极品在线视频| 色悠悠久久久久| 日本中文字幕成人| 精品国产乱码久久久久久婷婷| 国产91在线播放| 岛国av一区二区| 日韩av中文字幕在线播放| 国内外成人免费激情在线视频| 国产精品美女www| 91久久精品国产91久久| 国产综合色香蕉精品| 久久久噜噜噜久久久| 亚洲国产精品悠悠久久琪琪| 尤物yw午夜国产精品视频| 国产精品∨欧美精品v日韩精品| 精品亚洲永久免费精品| 亚洲免费成人av电影| 日韩中文字幕在线播放| 久久久久久久91| 国产日韩欧美自拍| 日韩国产激情在线| 日本精品免费观看| 97超级碰碰人国产在线观看| 日韩在线不卡视频| 美女av一区二区| 精品国产欧美成人夜夜嗨|