Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？

テクノロジーカテゴリーの変更を依頼記事元:

www.publickey1.jp

609 usersがブックマークコメント

102

Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？

Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで... Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’

tamanecoplus むしろTwitterのようなシンプルなWebサービスにJSを多用する事の方が不思議。jQueryを使ったエフェクトもよく見るけど最初のインパクトだけで慣れたら体感速度を遅くしてるだけ。

2012/05/31 リンク

t-murachi hashbang とは何だったのか…ｗ / JS が遅いんじゃなくて Ajax が遅いんだと思うんだな。1回の接続でできることは極力全部やる、って当たり前の設計方針だと思うけど…。

rgfx やっぱ必要な情報は初回接続で返すhtmlのDOMツリーに最初から埋めておこうぜ、jsonをevalさせたりせずに。的な。皆が皆RTT2桁じゃねーんですし。電力だって有限ですし。

rryu 単にパーマリンクページの自分のテーマのページが表示されてから指定のツイートのページに塗りつぶされていくという劇遅いやり方が普通になっただけな感じが。

メモ

kits 「クライアント側のデバイスとWebブラウザに依存してJavaScriptで高性能な画面を実現する方法をやめて、できるだけサーバ側で処理済みのHTMLを送信して表示するというシンプルな方法にした」

2012/08/05 リンク

kurumigi 『レンダリング処理をサーバ側に戻すことでページが最初に表示されるまでの時間が5分の1に』『結局のところ、ブラウザ上でJavaScriptを実行するのに時間がかかっているのが原因』

2012/06/09 リンク

Wacky 今回の改変により、レンダリング処理をサーバ側に戻すことでページが最初に表示されるまでの時間が5分の1になったと。

prog

2012/06/02 リンク

ji_ku Bylineから 2012年5月31日 Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 Twitter Engineering: Improving performance on twitter.com 新しいアーキテクチャでは、こ

2012/06/01 リンク