サイト内検索:

GoogleのInstant Previewsの裏側

So we thought we'd share some techniques involved in making this new feature fast.

Google Code Blog: Instant Previews: Under the hood

ということで技術わかっている人以外は全然興味ないであろうGoogleのInstant Previewsで使われている技術についてブログで解説されています。

Instant Previewsというのは検索すると結果ページに表示される虫メガネアイコンで、クリックするとサイトのサムネールが表示される、ってやつです。

Google、検索結果リンク先の全体像を表示する「インスタントプレビュー」

ポイントはJavaScriptとXmlHttpRequest (XHR) 、JSONP、そしてData URIsだそうです。

サムネイル画像は単なる画像を送受信しているわけではなくBase64でエンコードされたデータ形式で送られてくるようです。これによりリクエストを1つ減らすことができるそうです。

If we used static images, we'd need to make one request for the content and one request for the image; using JSONP with data URIs, we make just one request.

あとはブラウザのキャッシュがどーのこーのと書いているんですが、ヘビートラフィックなサイトを運営されている方や単純に興味のある方はオリジナル記事をご参考ください。

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2010年11月16日 19:54に書いたブログ記事です。

ひとつ前のブログ記事は「「Google Hotpot」使ってみたらやっぱりGoogleが怖くなったよ。」です。

次のブログ記事は「11月17日のラッキーさん」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。