Jul 18, 2005
むしろdocument.writeの方を書き換えて遅延ロードを実現する
一つ前のエントリの続き。
document.writeを使うデメリットは一個前に書いたとおり、jsファイルを置いてあるサーバーのレスポンスに引きずられてページの描画が遅くなる、ということなんだけど
広告にせよRSS貼り付けにせよ、どれもこれもdocument.writeで表示するHTMLを書き出すものばかりなので、むしろdocument.writeの方を書き換えてみることにした。
ビフォー
http://la.ma.la/misc/js/feed2js_old.html
アフター
http://la.ma.la/misc/js/feed2js.html
Feed2JSというサービスを使っている。
http://jade.mcli.dist.maricopa.edu/feed/
本来は、Scriptタグの挿入位置にRSSやAtomフィードを貼り付けるサービスだ。前者が本来の使い方で、document.writeでHTMLが書き出されて、これをスタイルシートで装飾して使う。上の例では、ヘッダの次の位置に挿入してあるのでスクリプトのロードが完了するまで、フッターが描画できない。
後者は、document.writeを自前の関数で「上書き」して、いったんJavaScriptのオブジェクトに格納してからページに追加している。この方法であればスクリプトのロードが完了する前にページ全体を描画することが出来る。サーバーのレスポンスが遅れても、先にページ全体が描画されているので閲覧には支障が無い。scriptタグを動的に追加してやれば、ページの描画が完了した後からアイテムを追加することもできる。応用すれば完全なRSSリーダーも作れるだろう。
で、あんまり酷使するとサーバー負荷が気になるところだが、ミラーサイトもたくさんあるようなので、接続先を振り分けてやることもできるだろう。
http://jade.mcli.dist.maricopa.edu/feed/index.php?s=mirrors
これは結構無理やりな方法なので、本当はFeed2JSじゃなくてFeed2JSONが欲しいところなんだけども。
つまり何が言いたいかというと色んなサイトがRSSを吐いてくれて、RSSをJSONに変換するようなサービスがあって、そのミラーがたくさんあれば、余っている回線とCPUパワーを分散コンピューティング的に使って、サーバーの負荷を気にすることなくRemixだのなんだのに使うことが出来る。
という話。
document.writeを使うデメリットは一個前に書いたとおり、jsファイルを置いてあるサーバーのレスポンスに引きずられてページの描画が遅くなる、ということなんだけど
広告にせよRSS貼り付けにせよ、どれもこれもdocument.writeで表示するHTMLを書き出すものばかりなので、むしろdocument.writeの方を書き換えてみることにした。
ビフォー
http://la.ma.la/misc/js/feed2js_old.html
アフター
http://la.ma.la/misc/js/feed2js.html
Feed2JSというサービスを使っている。
http://jade.mcli.dist.maricopa.edu/feed/
本来は、Scriptタグの挿入位置にRSSやAtomフィードを貼り付けるサービスだ。前者が本来の使い方で、document.writeでHTMLが書き出されて、これをスタイルシートで装飾して使う。上の例では、ヘッダの次の位置に挿入してあるのでスクリプトのロードが完了するまで、フッターが描画できない。
後者は、document.writeを自前の関数で「上書き」して、いったんJavaScriptのオブジェクトに格納してからページに追加している。この方法であればスクリプトのロードが完了する前にページ全体を描画することが出来る。サーバーのレスポンスが遅れても、先にページ全体が描画されているので閲覧には支障が無い。scriptタグを動的に追加してやれば、ページの描画が完了した後からアイテムを追加することもできる。応用すれば完全なRSSリーダーも作れるだろう。
で、あんまり酷使するとサーバー負荷が気になるところだが、ミラーサイトもたくさんあるようなので、接続先を振り分けてやることもできるだろう。
http://jade.mcli.dist.maricopa.edu/feed/index.php?s=mirrors
これは結構無理やりな方法なので、本当はFeed2JSじゃなくてFeed2JSONが欲しいところなんだけども。
つまり何が言いたいかというと色んなサイトがRSSを吐いてくれて、RSSをJSONに変換するようなサービスがあって、そのミラーがたくさんあれば、余っている回線とCPUパワーを分散コンピューティング的に使って、サーバーの負荷を気にすることなくRemixだのなんだのに使うことが出来る。
という話。
WriteBacks
毎回参考になります。
何か今回のエントリに心当たる所が沢山有ります。
ではでは
Posted by toka at 2005/07/18 (Mon) 21:06:53
ミドルwebサービス
[http://la.ma.la/blog/diary_200507182009.htm:title] このエントリーには直接関係ないのだが、 つまり何が言いたいかというと色んなサイトがRSSを吐いてくれて、RSSをJSONに変換するようなサービスがあって、そのミラーがたくさんあれば、余っている回線とCPUパワーを分散コンピューティング的に使って、サーバーの負荷を気にすることなくRemixだのなんだのに使うことが出来る。 を読んで、思ったこと。 RSSに限らず、さまざまな問い合わせに対しJSONだのJ ...
Posted by モナドの方へ at 2005/07/18 (Mon) 23:52:17
Great work on website. free online poker site [url=http://xoomer.alice.it/pik0/free-online-poker-site/]free online poker site[/url] http://xoomer.alice.it/pik0/free-online-poker-site/
Posted by Brian at 2006/09/27 (Wed) 18:01:21
Hi, nice site! aladdin resort and casino [url=http://xoomer.alice.it/burka/aladdin-resort-and-casino/]aladdin resort and casino[/url] http://xoomer.alice.it/burka/aladdin-resort-and-casino/
Posted by John at 2006/10/04 (Wed) 16:49:11
Interesting site seneca casino [url=http://xoomer.alice.it/burka/seneca-casino/]seneca casino[/url] http://xoomer.alice.it/burka/seneca-casino/
Posted by Lori at 2006/10/05 (Thu) 08:21:56
Very nice site shreveport casino [url=http://xoomer.alice.it/burka/shreveport-casino/]shreveport casino[/url] http://xoomer.alice.it/burka/shreveport-casino/
Posted by Ada at 2006/10/05 (Thu) 14:30:34
Exciting website. casino party [url=http://xoomer.alice.it/burka/casino-party/]casino party[/url] http://xoomer.alice.it/burka/casino-party/
Posted by Joshua at 2006/10/05 (Thu) 20:02:45
Cool design auto junk yard [url=http://xoomer.alice.it/vip2/auto-junk-yard/]auto junk yard[/url] http://xoomer.alice.it/vip2/auto-junk-yard/
Posted by Dale at 2006/10/06 (Fri) 01:42:30
this site rocks! auto shop [url=http://xoomer.alice.it/vip2/auto-shop/]auto shop[/url] http://xoomer.alice.it/vip2/auto-shop/
Posted by John at 2006/10/06 (Fri) 19:29:11
Thanks for taking casinos [url=http://xoomer.alice.it/xuika/casinos/]casinos[/url] http://xoomer.alice.it/xuika/casinos/
Posted by Reginald at 2006/10/15 (Sun) 20:57:52
Exciting website. foreclosure
http://accountingmontreal.com
Posted by Alt6on at 2006/10/31 (Tue) 23:14:43
Good Luck! http://megamozg.com/online-trading/map.html
Posted by John at 2006/11/11 (Sat) 08:57:04
Great work on website. http://megamozg.com/travel-insurance/map.html
Posted by Jasmine at 2006/11/11 (Sat) 10:49:05
Hi, nice site! http://megamozg.com/homeowners-insurance/map.html
Posted by Anthony at 2006/11/11 (Sat) 12:40:43
VERY GOOD I THINK http://megamozg.com/need-money/map.html
Posted by Maureen at 2006/11/11 (Sat) 14:39:16
Thanks for taking http://megamozg.com/bachelor-degree/map.html
Posted by Daniel at 2006/11/11 (Sat) 16:30:52
i like you! http://wwwwtahoo.com/fha-loan-mortgage-va/
Posted by Jasmine at 2006/11/15 (Wed) 10:44:19
Is very interesting http://wwwwtahoo.com/canon-inkjet-printer-cartridge/
Posted by Carol at 2006/11/15 (Wed) 20:54:47
Very useful http://wwwwtahoo.com/caribbean-stud-poker-game/
Posted by Ada at 2006/11/15 (Wed) 22:42:03
Your hard work paid off http://wwwwtahoo.com/horse-racing-wager/
Posted by Lori at 2006/11/16 (Thu) 00:35:32
Good site
wallmart
lemon detox diet
kohls department store
coach handbag outlet
royal caribean cruises
atkins diet negative
dj cammy
al4a
diana death crash photo
skimpy bikini
艢鞐瘤鴈蒂獺驟鱶 蓁鱚齏纈
Posted by boss at 2006/12/30 (Sat) 07:13:14
Good site
wallmart
lemon detox diet
kohls department store
coach handbag outlet
royal caribean cruises
atkins diet negative
dj cammy
al4a
diana death crash photo
skimpy bikini
艢鞐瘤鴈蒂獺驟鱶 蓁鱚齏纈
Posted by boss at 2006/12/31 (Sun) 03:13:35
Posted by at 2007/04/26 (Thu) 18:19:50
http://la.ma.la/blog/diary_200507182009.trackback
writeback message: Ready to post a comment.
