知识大全利用JS延迟加载百度分享代码,提高网页速度

Posted 2022-07-20 知

篇首语：从来好事天生俭，自古瓜儿苦后甜。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全利用JS延迟加载百度分享代码,提高网页速度相关的知识，希望对你有一定的参考价值。

利用JS延迟加载百度分享代码,提高网页速度 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　发现很多网站在放置百度分享代码的时候简单的将分享代码放置到固定的网页位置就完事了这是非常致命的方式因为我经常打开一个网页的时候发现在网页加载到分享代码的时候有时候花上几秒的时候来请求百度的服务器最后展示分享按钮其实像这样对网页来说不是非常重要的功能我们大可以用JS来延迟加载从而提高网页主要内容的快速加载显示这里分享下我的放置方式 一 copy百度分享代码如下

复制代码代码如下: <! 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

复制代码代码如下: <!DOCTYPE PUBLIC " //W C//DTD XHTML Transitional//EN" " <> <head> <title>JS延迟加载百度分享代码提高网页速度</title> <meta equiv="Content Type" content="text/;charset=gb " /> <style type=text/css> bodymargin: px;padding: px;font size: px; #copyrightclear: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> </> cha138/Article/program/Java/JSP/201311/20015

知识大全 利用JS延迟加载百度分享代码,提高网页速度

知识大全利用JS延迟加载百度分享代码,提高网页速度