JS를 사용하여 Baidu 공유 코드 로딩을 지연하고 웹 페이지 속도_javascript 기술을 향상시킵니다.
- WBOY원래의
- 2016-05-16 17:30:451489검색
많은 웹사이트에서 Baidu 공유 코드를 배치할 때 고정된 웹 페이지 위치에 공유 코드를 배치하는 것이 매우 치명적인 방법이라는 것을 알았습니다. 왜냐면 웹페이지를 자주 열다 보면, 웹페이지에서 공유 코드를 로딩할 때 바이두 서버를 요청하고 최종적으로 공유 버튼이 표시되기까지 몇 초 정도 걸릴 때가 있기 때문입니다.
사실 이와 같은 기능은 웹 페이지에서는 그다지 중요하지 않습니다. JS를 사용하면 로딩을 지연시켜 웹 페이지의 주요 콘텐츠를 빠르게 로딩하고 표시할 수 있습니다.
여기서 배치 방법을 공유하겠습니다.
1. 바이두에서 공유한 코드를 다음과 같이 복사하세요.
2. 🎜>위의 공유 코드를 주의 깊게 분석하면 웹페이지의 렌더링 속도에 영향을 미칠 수 있는 세 개의 js 스크립트 태그가 있음을 알 수 있습니다. 마지막으로 실제로는 마지막 <script> Baidu 서버에 공유 이미지와 링크를 표시하도록 요청하세요. 그런 다음 이 JS를 마지막으로 로드할 수 있습니다. <strong><br>다음은 제가 만든 데모입니다. </strong><br><strong><br></strong><div class="codetitle">코드 복사<span><a style="CURSOR: pointer" data="25629" class="copybut" id="copybut25629" onclick="doCopy('code25629')"><u> 코드는 다음과 같습니다. </u><div class="codebody" id="code25629"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <br><html> <br> <head> <br> <title>JS延迟加载百島分享代码，提高网页速島</title> <br> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <br> <style type="text/css"> <br> 본문{margin:0px;padding:0px;font-size:12px;} <br> #copyright{clear:both;} <br> </style> <br> </head> <br><br> <본문> <br> <div id="baidu-share"> <br> <!-- Baidu 버튼 시작 --><br> <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"> <br> <a class="bds_tsina"></a> <br> <a class="bds_qzone"></a> <br> <a class="bds_tqq"></a> <br> <a class="bds_renren"></a> <br> <a class="bds_douban"></a> <br> <span class="bds_more"></span> <br> <a class="shareCount"></a> <br> </div> <br> <script type="text/javascript" id="bdshare_js" data="type=tools&uid=0" ></script>