ホームページの部分的な遅延読み込について

質問

ホームページで利用しているブログパーツが重たく、読み込みがもたついて困っています。
しかし、外したくないパーツなのですべて読み込んでから遅延という形で読み込んで解決できないかと検討してます。

しかし、AJAXなどを使えばできそうですが、私はAJAXを知りませんし、敷居の高さを感じてしまいます。
たとえばprototype.jsやScript.aculo.usなどを利用するなど、手軽に実現するには何か良い方法はございませんでしょうか？

ご教授お願い致します。

回答No.3

neko-ten · ベストアンサー

Ajaxのラッパーの概念はその通りです。
私自身があまりAPIやブログツール使っていないので、参考をあげることができずすいません・・・

確認してみました。
2番目のは重たくてタイムアウトしてしまいましたが・・・orz

document.write()で実装してるんですねー。
Ajaxの非同期通信を行っていないのでラッパーは確かに要らないですね。
今回重いのは、このdocument.writeによる書き出しが完了する（対象のJavaScriptの応答が完了する）まで、それ以降の処理をブラウザが行わないからですね。

で、参考としていただいたサイトの内容は、document.writeで遅延が発生するなら、document.writeで書き出しさせずにまずは配列に入れちゃおう、ということのようです。
HTMLに書き出しをせず、配列に格納するのであれば処理中にも以降のHTMLは処理されていく・・・ってことですね。
配列に格納したものを、最後にinnerHTMLで書き出しをする・・・
ということっぽいです。

なるほどー　と思いました。私も勉強不足ですね・・・。
ただ、​提示いただきましたサイトの方法で何とかできるんじゃないかな？と感じましたー。
なんか回答じゃ全然なくて申し訳ありません。

お礼

すみません、回答が遅くなりました。m（＿"＿）m
お恥ずかしいですが、結構ハードルが高くて基礎力がついていかないようです。
理論は分かるけど、形にするということは難しく...
そこで、このスレッド(?)は一旦終了させていただき、今回教えていただいたことをキーワードに学んで実現して行こうと思います。

また、質問や形になりましたら報告させていただきます。
ご丁寧にありがとうございました、出直してきます。

回答No.2

neko-ten

Ajax自体はPrototypeのAjax.Requestで実現できます。
概念はブラウザでHTTPアクセスするのとは別にJavaScriptでHTTPアクセスをして、応答をJavaScriptで受け取って処理をするってなるので、思ったよりも難しくないです。
ただ、ブラウザの制限で他ドメインに対してリクエストができないので、もしAjax使うならサーバ側にラッパーかませないといけないですね・・・。

アフェリエイトパーツによってはAjax想定していて、そのためのコードを準備しているところもあると聞きます。
APIとしてはじめからあるところ（Googleとか）もあるので、一度問い合わせして見たほうがいいかもしれないです。

お礼

ありがとうございます。

非常にわかりやすい説明です！
概念はわかりました。

ラッパーっていうのはつまり、外部からは直接引っ張り出せないから、PHPなりで自分のサーバーの内容のように見せろということですね？

いや～いずれにしても０(ゼロ)からやろうと思っていたので大変そう(汗
APIも概念はわかりますが触れたことがありません(笑

なにか、入門者に参考になるコードなどはございませんでしょうか？

対象のパーツは以下です。

http://vote.nifty.com/
http://www.issue.com/

とくに下がとてつもなく重いのです。

補足

http://bizcaz.com/archives/2009/01/20-230717.php

こんなページを見つけました。
私なりに咀嚼するのに時間がかかりそうですが、ラッパーせずに実現しているようですね！

しかし、う～ん。
基礎から学ばなきゃ手軽には無理なんですかね。

回答No.1

askaaska

そのブログツールがどんなコードなのかわからないので
曖昧な回答になって申し訳ないわ。

onload後に取りに行くようにしたりすれば
できるかもしれないわね。

そのブログツールの作者さんや
そのブログツール利用者さんなら
いいアイデア持っているかもね。

お礼

ありがとうございます。
そうなんですよね、onload後っていうのはわかったんですけど、その実現に敷居の高さを感じてしまって...

http://labs.unoh.net/2008/01/lazy-loading-of-images.html

必ずこのページに行き着くのですが、敷居がぁ...理屈はわかるんですけどJSはまだ超入門者なもので...