Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！ - Web学び

2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その１ 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に

[tunosyan]

CSSは最初に読み込み、JavaScriptを最後に実行はパフォーマンスチューニングの基本系。

[laranjeiras]

スタイルシートでも可能。ボタン類を<div>で囲み、高さと幅を指定すれば、ボタン類をすっ飛ばして他の部分を描画するから体感速度が上がる。

[gulugulu]

遅いと感じたら、AdBlock してます。

[burnworks]

defer属性使えばいいじゃん

[his_96]

描画速度向上：SNSボタン

[ooiooiooi0313]

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！ 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、

[typista]

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！

[stryh]

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！

[kireifish]

Body閉じタグ直前に置く。

[o_hiroyuki]

ソーシャルブックマークボタンの読み込み

[prostline]

まあ、やったほうがいいよねー。

[richard_raw]

確かにあれは時間がかかってる気が。

[lotus_tribal]

確かにこれやった方がいいかも。。

[hi-hats]

二年前ならいざ知らず、今更こんな事言ってるのか。。

[warriorking]

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！

[libkazz]

試してみる

[naoswave]

デザインによっては最初に読む必要はないわなー。つかボタンが傾いてるｗ

[dot_h2o2]

チューニング

[dokodajp]

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！

[ryownet]

ボタン類をまとめて後で読み込む方式

[gikazigo]

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！

[towaduki]

なるほど

[smile5]

うおー、やってみよう！

[myoukabi]

ふむ / Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！ | はてなブックマーク - 人気エントリー

[masa6127]

ピンときた

[sivadselim]

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！

[tivrsky]

ほう

[megumiz]

メモ。

[glat_design]

WEBCRE8も読み込みはあんまり早くない…ソーシャルボタンは作ろうと思ってますけど一応チェック

[mathemathiko]

[javascriptJS勉強したい。これくらいするするっとわかるようになりたい。

[fujitta358]

SNSボタン

[ryo_n574]

これいいかも