利用JS延遲載入百度分享程式碼,提高網頁速度_javascript技巧

發現很多網站在放置百度分享程式碼的時候，簡單的將分享程式碼放置到固定的網頁位置就完事了，這是非常致命的方式。因為，我常常打開一個網頁的時候，發現在網頁載入到分享程式碼的時候，有時候花上幾秒的時候來請求百度的伺服器，最後展示分享按鈕。

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

複製程式碼 代碼如下:

二、放置程式碼
認真分析上面的分享程式碼，我們可以發現，其中有3個js腳本標籤，這些都是有可能影響網頁呈現速度的，最後發現，其實，只有最後一個<script>標籤的作用是請求百度伺服器，展示分享圖片和連結。那麼，這條JS我們大可放到最後加載。 </script>
下面是我做的一個demo：

複製程式碼 程式碼複製程式碼

程式碼

    ;
       
  text/html;charset=gb2312" />>
        ;
    頭>

    ;     
           

           
        
           
          🎜>           
           

;