爱学记
您现在的位置是：首页
>
异步加载和延迟加载 利用JS延迟加载百度分享代码,提高网页速度
利用JS延迟加载百度分享代码,提高网页速度 发现很多网站在放置百度分享代码的时候 简单的将分享代码放置到固定的网页位置就完事了 这是非常致命的方式 因为 我经常打开一个网页的时候 发现在网页加载到
利用JS延迟加载百度分享代码,提高网页速度
发现很多网站在放置百度分享代码的时候 简单的将分享代码放置到固定的网页位置就完事了 这是非常致命的方式 因为 我经常打开一个网页的时候 发现在网页加载到分享代码的时候 有时候花上几秒的时候来请求百度的服务器 最后展示分享按钮 其实 像这样对网页来说不是非常重要的功能 我们大可以用JS来延迟加载 从而提高网页主要内容的快速加载显示 这里分享下我的放置方式 一 copy百度分享代码 如下
复制代码="bdshare_t bds_tools_ get codes bdshare bds_tsina bds_qzone bds_tqq bds_renren bds_douban bds_more shareCount"> 代码如下: <! Baidu Button BEGIN > <div id="bdshare" > <a ></a> <a ></a> <a ></a> <a ></a> <a ></a> <span ></span> <a ></a> </div> <script type=text/javascript id="bdshare_js" data="type=tools&uid=" ></script> <script type=text/javascript id="bdshell_js"></script> <script type=text/javascript> document getElementById("bdshell_js") src = "+ Math ceil(new Date()/ ) </script> <! Baidu Button END >二 放置代码 认真分析上面的分享代码 我们可以发现 其中有 个js脚本标签 这些都是有可能影响网页呈现速度的 最后发现 其实 只有最后一个<script>标签的作用是请求百度服务器 展示分享图片和链接 那么 这条JS我们大可放到最后加载 下面是我做的一个demo
复制代码="bdshare_t bds_tools_ get codes bdshare bds_tsina bds_qzone bds_tqq bds_renren bds_douban bds_more shareCount"> 代码如下: <!DOCTYPE PUBLIC " //W C//DTD XHTML Transitional//EN" " <> <head> <title>JS延迟加载百度分享代码 提高网页速度</title> <meta equiv="Content Type" content="text/;charset=gb " /> <style type=text/css> body{margin: px;padding: px;font size: px;} #copyright{clear:both;} </style> </head> <body> <div id="baidu share"> <! Baidu Button BEGIN > <div id="bdshare" > <a ></a> <a ></a> <a ></a> <a ></a> <a ></a> <span ></span> <a ></a> </div> <script type=text/javascript id="bdshare_js" data="type=tools&uid= " ></script> <script type=text/javascript id="bdshell_js"></script> <! Baidu Button END > </div> <div id="copyright"> <a href="编程图书PDF下载【codejia net】</a> </div> <script type=text/javascript> window onload = shareCode; function shareCode(){ document getElementById("bdshell_js") src = "+ Math ceil(new Date()/ ); } </script> </body> </> lishixinzhi/Article/program/Java/JSP/201311/20015 很赞哦！ (1036)
微信收款码
支付宝收款码