codecamp

分享到的代码优化

如何做代码优化

百度分享按钮依托百度强大的服务器资源,速度业内领先,完全可以应付大量用户访问带来的压力,对嵌入百度分享按钮代码的网站不会造成丝毫影响。如果您仍然担心百度分享按钮嵌入代码中包含的Javascript代码在网页前部加载会影响到整体网页打开速度,那么您可以采用以下方法,让代码在网页最后才加载。

以图标式按钮为例:

6.jpg

其中的HTML代码部分放到页面中您期望分享按钮出现的地方,而javascript代码放到页面最底部(</body>前):

<html>
    <head></head>
    <body>
        …
        <div>…</div>
        …
        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
            <a class="bds_qzone"></a>
            <a class="bds_tsina"></a>
            <a class="bds_tqq"></a>
            <a class="bds_renren"></a>
            <span class="bds_more">更多</span>
        </div>
        …
        <div>…</div>
        …
        <script type="text/javascript" id="bdshare_js" data="type=tools" ></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>
    </body>
</html>
   
安装多个分享按钮
Discuz!安装分享插件
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }