目次  ゴマアレルギー: ゴマアレルギーと食品  コラム: 紅茶の話  整理収納コラム
育児: 保育園と小学生男児らの日常  保育園児兄弟の日常  キッズのおもちゃ  子供とおでかけ  赤ちゃんのママへ
仕事: 働く  家事: 生活用品  雑感・音楽: つぶやき&雑談  井戸端会議: かこ☆ランキング
ブログ考察・カスタマイズ・アフィリエイト: パソコン豆知識 Part1  パソコン豆知識 Part2  TKBブログ対談  ちょいコツ

ブログページの読み込みの遅さに腹を立てる

うちのブログ、サイドバーの読み込みが
すっごく遅かったんですよ。
重ーい、重ーーーい。


で、試しに、はてブ、Twitter、Facebookのいいね、
SNSボタン類を全部、外してみました。


すると。


すっげー速くなった笑。


試しに、アクセス解析ツールの
Ace-analyzer も外してみたんですけど
サイドの読み込み速度には関係なかったので、戻しました。


多分ですね。
メインとサイドバーの読み込みが終わってから
SNSボタンの読み込みが走ればいいんですけど。


今は、メイン読み込んで、SNS読み込んで、
サイドバーって言う順番なんですよ。


Google Analytics とか、解析ツール系の
読み込みは、サイドバーの後なので、
サイドバー表示には関わらない、と。


で、スクリプトの読み込み順を変える方法なんですが、
私は、まだ勉強不足で分からないっ。


まあでも、現状SNSボタンは、お飾り状態で
ほとんどフォローもしていただいたりしてない状態なんで、
外したままにしとこうかと。


だって、私にとっては、
普通にページ見るのに遅い方が
デメリットだと思うんだもん。今は、ね。


とりあえず、SNSボタン外して、快適になりました♪
ページが重くて困ってる方は、試してみてね。


そして、使ってるけど、読み込み速くできたよって方は
ぜひ、技を教えてくださいませ☆


ではではっ。

♪この記事のカテゴリ パソコン豆知識 Part1へ♪

トラックバック(受付を終了しました)


この記事へのコメント(受付を終了しました)

  ご連絡はココロデザイン、Twitterでどうぞ。

なんとなくでも、だんだん分かるようになるよ。
私も、これかなーってやってみて、
これでよかったんだ!って場合がたくさん。

疑問の氷が溶けたなら何より笑。

あそんでね。ちょいコツ。
かこ|2012年03月25日(日) 05:18
ほぼ解凍→ほぼ解答
ははは   ごめん
りょうちゃん|2012年03月24日(土) 20:12
見比べたらなんとなくね

先生の記事でほぼ解凍出してるみたいなもんなんで
あまり喜べませんが(笑)

またちょいコツであそんでみよっと
りょうちゃん|2012年03月24日(土) 20:10
んー?
優秀な生徒だから、わざと解答渡さなかったけど、
よくできました

ハナマルです
仕組み、分かったでしょ?
かこ|2012年03月24日(土) 19:16
やっさし〜い先生のおかげです
りょうちゃん|2012年03月24日(土) 18:54
おおっ!ばっちり出来てるじょ

やったねっ
かこ|2012年03月24日(土) 18:21
出来たじょ
ありがとう!
りょうちゃん|2012年03月24日(土) 17:44
そうだね 
いろんなとこにつけてみたろと思ってます(笑)

バックアップちゃんと取ったからね
りょうちゃん|2012年03月24日(土) 13:20
うん。みたみたできてるの。

試しに、</a>の後とか、</BlogIfPageNext>の後とかに、
切り取り貼り付けして、プレビューで見てごらん。
かこ|2012年03月24日(土) 13:15
ってか
次へ>>・<<前へリンク|ファンブログカスタマイズ見て
「次の記事 前の記事」にはしたよ{まる}

<BlogIfPageNext>>><a href="{$BlogPageNextLink$}">前の記事へ</a> </BlogIfPageNext>

この>>をどこかへ移動するんだよね
りょうちゃん|2012年03月24日(土) 13:04
はいよー。わざわざありがとう。
そんな急いでやらなくていいからさ笑。
かこ|2012年03月24日(土) 12:57
ありがとう

聞いといてなんやけど(笑)
今日はばたばたなので夜にでもゆっくり
やってみるわ〜
りょうちゃん|2012年03月24日(土) 12:51
できるよ。できる♪
次へ>>・<<前へリンク|ファンブログカスタマイズだね。
バックアップとって、好きなようにやってごらん。

オリジナルタグの場所:ファンブログカスタマイズ
もあわせてみながらね。

できると思うけど、
もし、答えがわかんなかったら、貼るだけ
ソースをあげるから、言ってね♪
かこ|2012年03月24日(土) 04:40
心姫のコメント見て
そんなんあったと思いだして
次の記事 前の記事付けて見たけど
<< 次の記事へ >>前の記事へ

>>を右端に移動したい
私に出来るかな?
りょうちゃん|2012年03月24日(土) 02:26
はーい。ありがとう。
今日は流し見して、流れだけ追って
今度時間があるときに見直してみます♪
かこ|2012年03月24日(土) 00:58
>かこさん
セミナーの動画は、ながらで見るのはもったいないですよ。内容も時間も。
時間とアフィリエイトのやる気がある時に見てみて下さい。それが良いと思います。
おーとえす|2012年03月24日(土) 00:56
おばばさま。

お返事の続きは、
ゴマアレルギー掲示板の方に
書かせていただきますね。
かこ|2012年03月24日(土) 00:56
おばばさま。もちろん覚えてますよ。
来て下さって、本当にありがとうございます。
・・・大変だったんですね。
かこ|2012年03月24日(土) 00:28
かこさん
ゴマ孫のおばばを憶えて下さっていると信じています。
初めてお礼を書き込めた日から随分経ってしまいました。
あの後すぐ夫の末期がんがわかりました。
コメントのお返事をする心の余裕がないまま手術、抗ガン剤治療と、今まで過ごし、今さらどこに書き込めば良いのかわからず、ここに書かせていただきます。
場違いかな、と怖じ気づく気持ち。
でも、きっとまた、私の気持ちは届く。
かこさんは受け止めてくれる。

生まれたての命、幼い命、若い命、頑張っている命、それらを少し眩しく眺めながら
自分をなだめすかしている自分。
そんなところにいます。
そこから、かこさんを応援しています。

おばば|2012年03月24日(土) 00:18
あー。考えたこともなかった。
なんだろう、この不自由さがいいっていうか笑。
いるかいないか分かんないとこも味があるっていうか。

TKB掲示板も、一見ナイショのようで
ちょくちょく読みに来てくれる人多いんだよね。

私はTomとメアドの交換すらしてないんだけど
皆の前でやりとりすることにこそ意味がある、と
思ってるんだよね。

でも、実はチャットって、ちゃんと?やったことなくってさ。
よく分かってないの。
需要あって、人集まるんならやってみたいかも。
ちょっと調べてみるー。ありがと。

今、おーとえすさんとこからアフィリエイトの
Ustream流しつつ、なんだけど、長いね笑。
前置きからして。一時間半か。
教えてもらっておいて、よかったよ。
かこ|2012年03月24日(土) 00:09
>かこさん
ほんと、チャットのようにコメント使っているので、チャットとか無料レンタルしても良いんじゃないか、って思う事ありますけど、考えたりはしてないんですか?w
掲示板でも良いですがw

意外と需要ありそうで、人集まりそうな気もしますけどww
おーとえす|2012年03月23日(金) 23:51
おーとえすさん。
うん。でも、読み込み順、自分で変える方法が
分かったから、すっごく嬉しい。ありがとう。

ここ、会話のようにコメントするじゃない?笑
一回読み込むたびに、すごい待つのはやだなぁ、と。

軽くなるには、もっとPC自体の性能がよくなったり
しないとダメなのかもねぇ。
SNS側とか。

また、何かわかったら教えてくださいなっ☆
かこ|2012年03月23日(金) 23:16
>かこさん
駄目でしたか。ただ、それ以上軽く、ってのは中々難しいかなとは思います。もしかしたら、他に方法はあるかもですけどね。
機会があったら調べてみますw
おーとえす|2012年03月23日(金) 23:08
inaliさん。そうなの。
SNSボタンって読み込み時間かかるのねー。
改めて実感したよ。
かこ|2012年03月23日(金) 22:45
おーとえすさん♪

> <script>・・・</script>だけ、
例えば</body>の直前に移動するってことかな?

試しにこれ、アーカイブでやってみたら
できましたっ☆
メインとサイドが、ほぼ同時に表示されるとこまでは
いいんだけど、その後、読み込み終わって
スクロールできるようになるまでの時間が、
長い長い笑。

Tom。ってことで、表示順変えるだけじゃあ
だめってことだわ。むむむ。
かこ|2012年03月23日(金) 22:30
外したらほんとに速くなりました! (*゜▽゜*)b
inali|2012年03月23日(金) 21:57
ほんとに読み込み軽くて速いですね。
inali もかこさんのまねしてミクシといいね外そうっと♪
inali|2012年03月23日(金) 21:31
おーとえすさん。

投稿者名の上に置くじゃない、表示部分のソース。
で、<script>・・・</script>だけ、
例えば</body>の直前に移動するってことかな?

それなら私の頭でもできるかも。
後で試してみる♪ありがとう。

facebookは分離できないかな。

うちも、ファンブログ最新テンプレについてる
Mixiはいらないと思ってて。
でもハテブは欲しいかなぁ、と追加してみたの。
かこ|2012年03月23日(金) 20:05
NARUさん。
>やはりテンプレート自体が原因っぽいですね。
ほんとー?

>メリット
リンスインですか?
かこ|2012年03月23日(金) 19:32
Tom。
>スクリプトの作動タイミング
読んだんだけどねぇ。どうソースに落とせばいいんだか。

<!-- <a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="4e48d24a8482d329973038e68dbf66b2a0b94f83" data-button="button-1" data-url="{$BlogEntryPermalinkUrl$}">mixiチェック</a>
<script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script> -->

<script src="http://platform.twitter.com/widgets.js" type="text/javascript" charset="UTF-8"></script>
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="{$BlogEntryPermalinkUrl$}"
data-text="{$BlogEntryTitle$}&nbsp;|&nbsp;{$BlogName$}"
data-count="none" data-lang="ja">Tweet</a>

<a href="http://b.hatena.ne.jp/entry/{$BlogEntryPermalinkUrl$}"
class="hatena-bookmark-button"
data-hatena-bookmark-title="{$BlogEntryTitle$}|{$BlogName$}"
data-hatena-bookmark-layout="standard"
title="このエントリーをはてなブックマークに追加">
<img src="http://b.st-hatena.com/images/entry-button/button-only.gif"
alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js"
charset="utf-8" async="async"></script>

<iframe src="http://www.facebook.com/plugins/like.php?href={$BlogEntryPermalinkUrl$}&layout=button_count&amp;show_faces=false&amp;width=120&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>

っていう状態。必要ならアーカイブ戻すけど。
Mixiは、テンプレに元からついてるけど動かす気はなくて、
はてぶは自分で追加した。

時間に余裕があって、気が向いたときでいいよ。
だって、お返しできないもん。
起動後に読み込めるようになったら、皆の役にも
立つとは思うけど、全体が遅くなって不採用、とかあるかもだしね。

ありがとね。ちょっと期待して待ってます
かこ|2012年03月23日(金) 19:30
心姫さん♪
>って『私の部屋』のコメントに書こうと思ったけど、
コメントいっぱいあったんで、ココに。

なーにその気遣い笑。

枚方に、次兄家族が引っ越したの。
今度行くことあったら、寄らせてよー☆

http://www.cocorodesign.net/parthaken/archive/67/0
のポイントは、

・一記事テンプレートに貼ること。
・<div class="entryInfo">投稿者名:… </BlogEntryIfAllowPings></div>
の行の下に、素直にソースをコピペして貼ること。

なんだけどなぁ。
プレビューして、保存してできあがり、のはず〜。

やってみてー。

かこ|2012年03月23日(金) 19:12
そうですね。snsボタンの読み込みは結構遅いです。ブログのカテゴリとか、客層に応じて使うボタンを選ぶって言う必要はあるかな、と思います。

読み込み順序については、一応簡単な方法としては、ボタンを表示させるコードのscriptタグのみを下の方に移動させてみてはどうでしょうか。どれくらい効果があるかは分りませんが。。
おーとえす|2012年03月23日(金) 18:52
こんばんは。

おぉ、助かる記事発見(笑)
外せるものは外してみたんですが、あまり変わりませんでした(汗)
やはりテンプレート自体が原因っぽいですね。
時間みて気に入ったヤツ探してみます。

僕もページ見るのに遅いほうがデメリット派なんで・・・
でも、シャンプーはメリット派(笑)
NARU|2012年03月23日(金) 17:56
スクリプトの作動タイミングについて書いたのが
http://fanblogs.jp/ayzfqir5/archive/394/0
なんだけど、難しいだろうな。

一瞬スクリプトを戻してソースを貼ってもらえれば
起動後に動くようにはしてやるけどな。
Tom|2012年03月23日(金) 16:53
当然ですが、私はお役にたちません・・・。

いつでも我が家に遊びに来てくださっていいですよ。
大阪来たらついでに寄ってみて。

って『私の部屋』のコメントに書こうと思ったけど、
コメントいっぱいあったんで、ココに。

今からまた、
次の記事 ≪ HOME ≫ 前の記事
をつけることに、挑戦してみます〜。
心姫|2012年03月23日(金) 15:14