はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記

はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr

[amachang]

id:jkondo id:naoya id:secondlife 他のボトルネックについても書きました。この receiveStarEntries もかなり効きますので検討してみてください→ http://d.hatena.ne.jp/amachang/20081127/1227756579

[usj12262]

チューニングいろいろ

[hysa]

console.count、Error().stack知らなかった

[kirinasu]

すごい。さすがだ。

[takeru-c]

CocProxy

[jitojito]

リクエストの応答をローカルファイルと差し替えるプロキシ。

[phare]

cocproxyとprofileの取り方だけは理解した

[ginpei]

はてブのスクリプトを勝手に2倍に高速化、すげー。デバッグ手法が参考になる。あとCocProxyてすごい。

[monjudoh]

パフォーマンスチューニングのチュートリアルとして読み応えがある。後、「console.log(Error().stack);」でスタックトレースを吐かせられるのは知らなかった。

[mirai-iro]

javascriptのプロファイル方法

[miruto824]

勉強に

[toriaezu]

excellent!

[hagino_3000]

Error().stackでスタック出力

[serian]

勉強になる

[janus_wel]

プロファイラの使い方と高速化の tips

[asiamoth]

CocProxy は、さすがに開発用ツールだけあって、Proxomitron でゴニョるより便利そう。ひとのサイトをこうやって再開発するのか！

[otchy210]

パフォーマンスチューニング

[suVene]

こういう具体的な調査と対応はとてもよいね。/ チューニング作業は、調査もおもしろいし早くなると楽しい。/ そのproxyいいなぁ。

[konk303]

local proxy

[pokutuna]

内容もそうだしCocProxyもよさそう

[barlog]

TextNodes-fy エクセレント！

[hiroponz]

cssとjavascript用のproxy

[bowbow99]

はてブを勝手にチューニング

[sugawaramasaya]

デバッグツール参考。

[sankaseki]

はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記

[dosequis]

チューニングの方法

[adeton]

高速化方法はいろいろな意味で勉強になる。

[nyon2]

とても分かりやすい。amachangは優しいな。

[suikyo]

面白い

[milk1000cc]

おもしろい

[GARAPON]

Javascript高速化