首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:30:45
原創
1483 人瀏覽過

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

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

複製程式碼 代碼如下:







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

下面是我做的一個demo:
複製程式碼 程式碼複製程式碼
程式碼



    ;
        JS延遲載入百度分享程式碼,提升網頁速度
  text/html;charset=gb2312" />>
        ;
    頭>

    ;     
           

           
        
           
          🎜>           
           
;

       
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!