4 
<script type="text/javascript" 
    src="http://s7.addthis.com/js/250/addthis_widget.js"></script>

私はこのコードを facebook や twitter などに使用していますが、ページの読み込み速度を非常に遅くするスクリプトが含まれています。この問題の解決策を教えてください。コード全体を以下に示します

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_button_preferred_3"></a>
    <a class="addthis_button_preferred_4"></a>
    <a class="addthis_button_compact"></a>
    <a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">
    var addthis_config = {
        "data_track_addressbar": true
    };
</script>
<script type="text/javascript" 
    src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4dfeea6f5bf22ac6">
</script>
<!-- AddThis Button END -->
4

5 に答える 5

5

Mudshark が既に述べたようにすべてをページの下部に移動する以外に、async addthis バージョンを使用することもできます。

http://support.addthis.com/customer/portal/articles/381221-optimizing-addthis-performance#.USyDXiVuPYo

  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#async=1"></script> 

 function initAddThis(){
      addthis.init()
 }
 // After the DOM has loaded...
 initAddThis();
于 2013-02-26T09:44:39.837 に答える
2

解決策の 1 つは、AddThis ライブラリの遅延 JavaScript 読み込みパターンを使用することです。

この問題を解決してくれる便利な JavaScript ライブラリがいくつかあります。私は個人的に主にModernizr.load (またはyepnope.js自体) を使用します。

その問題と改善の詳細については、遅延読み込みの記事でページのパフォーマンスを向上させるをご覧ください。

余談ですが、遅延 JavaScript 読み込みパターンを使用することで、過去のプロジェクトで平均約 35% のページ読み込みを改善することができました。それが役立つことを願っています。

于 2013-02-26T11:36:46.170 に答える
1

明白なことの 1 つは、javascript をページの一番下に移動する直前に</body>、他のすべてをその前にロードできるようにすることです。

于 2013-02-26T09:41:48.297 に答える
0

あなたのタグにasync="async"属性を入れてくださいscript

<script type="text/javascript" 
    src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4dfeea6f5bf22ac6" async="async">
</script>
于 2016-01-05T11:48:01.457 に答える