ソーシャルボタンが配置されているページの描画の高速化

非同期通信を有効化することで、ソーシャルボタンが配置されているページの描画を高速化できるみたい。
本当に描画が早くなった!!

facebook

<script type="text/javascript">// <![CDATA[(略)

の部分に変更

変更前の行

js = d.createElement(s); js.id = id;

変更後の行

js = d.createElement(s); js.id = id; js.async = true;

twitter

!function(d,s,id)(略)

の部分に変更

変更前の行

js=d.createElement(s);js.id=id;

変更後の行

js=d.createElement(s);js.id=id;js.async = true;

google+

window.___gcfg = {lang: 'ja'};
(function() {(略)

の部分に変更

変更前の行

var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

変更後の行

var po = document.createElement('script'); po.type = 'text/javascript';

参考サイト様

http://ora.geo.jp/?p=474

投稿者:

ayako0802

フロントエンドエンジニア