ウェブページにソーシャルメディアリソースを追加する場合、従来の方法では、ブランドイメージの背景を持つiframeまたはアンカーをロードするだけで、他のドメインから多くの外部JSをロードすることになります。おそらく、以下はWeb上で最も転送されるファイルです(http://www.google-analytics.com/ga.js 36.35KBの後、これは多くの人にとってどういうわけか避けられません)
http://connect.facebook.net/en_US/all.js 181.30KB(59.06KB gzip圧縮)
https://platform.twitter.com/widgets.js 75.19KB(24.42KB gzip圧縮)
https://apis.google。 com / js / plusone.js 16.71KB
http://assets.pinterest.com/js/pinit.js(これは小さいですが、それでも不要な接続です)
たとえば、http://connect.facebook.net/en_US/all.jsは、iFrameの追加という1つのことだけを行います。
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Flavishdream&width=292&height=180&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:180px;" allowtransparency="true"></iframe>
TwitterとGooglePlusのスクリプトは非常によく似たタスクを実行しますが、ページに小さなHTMLチャンクを追加するだけです。
なぜそれらのiFrame、画像、アンカーHTMLを書くだけではないのですか?