現在JavaScriptの設定が無効になっています。このページを利用するにはJavaScriptの設定を有効にしてください。トップ全記事一覧テクノロジー2010.05.19『続・ハイパフォーマンスWebサイト』イベントに参加しましたこんにちは。ハイパフォーマンスWebサイト』(オライリー刊)に寄稿させていただいた関係でトークイベントに参加してきました。お忙しいところ、たくさんの方々に出席していただき、ありがとうございます。今回のイベントでは、「Yahoo!検索のパフォーマンス向上策全て見せます!」というテーマでYahoo!検索で実際に行っているTipsの紹介と現在、Yahoo!検索で検討しているシステム構成などを発表しました。そのときの発表内容は、以下のリンクから確認できますのでご興味のある方はご覧ください。Blog.トークセッションでは来場者の方々にたくさんの質問をいただきました。今回はそのなかからいくつかピックアップしてご紹介したいと思います。Yahoo!検索では、CSSを外部ファイル化とインライン化(HTMLに直接記述)する2つの手法を併用してるとのことですが、CSSやJavaScriptのインライン化と外部ファイル化する切り分けの基準などありますか?A:Yahoo!検索では、常に適用されるCSSファイルに関しては、インライン化、特定の条件(ダイレクトディスプレイ等)のみ適用されるCSSに関しては、外部ファイル化して管理しておりましたが、現在は、全てインライン化する形で運用されております。利用されるJavaScriptファイルに関しては、外部ファイルで運用する方法をとっております。点からPHPを主に利用しております。」に、なぜYahoo!がPHPを選択したかの説明があります。仮想化などを検討したりしないのでしょうか?A:サーバリソースの使用率が低い場合は、仮想化に関しても1つの選択肢かもしれませんが、Yahoo!検索の場合は、サーバリソースの使用率が高いので、現段階では、検討しておりません。Incで開発し、全世界のYahoo!で利用されている、独自の検索エンジンを利用しております。CSSスプライトは、複数の画像を1つにまとめて転送量を削減するメリットがあると同時に運用上のデメリットなどもあるかと思いますが、通常画像とスプライト画像を切り分けする基準などはありますか。A:弊社のデザイナーに確認した所、以下のような形で切り分けを行っているようです。◆imgのまま・画像であることに意味があるもの。・また運用上スプライト画像としてつなげて利用できない物。⇒滅多に変更されないので、まとめておいても運用負荷は少ない・長期表示される複数のバナーなど⇒変更があまりなければ、リクエスト数を軽減できるためなお、ページのあり方や方針によっては、この基準と違う場合もあるとのことです。Yahoo!検索では、Webサイトの高速化を行うにあたって、どのような測定ツールを利用していますか。A:Yahoo!検索では、様々なツールを利用して多角的に検証を行っています。ここでは、利用しているツールの一部をご紹介します。firebugもはや、説明不要のWebデベロッパー必須ツール。デバッガやプロファイラ、HTTPチャートなどの機能を提供してます。Souders氏が開発したWebページのパフォーマンスを計測してくれるツールです。httpwatchIE,Firefoxで利用できる、ネットワークのトラフィックをグラフィカルに表示してくれるパケットアナライザです。Basichttpwatchと同じくパケットアナライザです。httpwatchで対応していないOperaやsarafiなどのウェブブラウザを分析する際に利用しております。CompressorJavaScriptやCSSファイルを圧縮してくれるツールです。Fiddlerパケットの監視やブレークポイントの設定、トラフィックの内容をグラフィカルに表示してくれます。今後も、Yahoo!検索をよろしくお願いします。JAPANでは情報技術を駆使して人々や社会の課題を一緒に解決していける方を募集しています。詳しくは採用情報をご覧ください。JAPANのサービス開発を支える技術やデザイン、文化を発信しています。Reserved.このページの先頭へ。