MOONGIFT

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。

サイトのパフォーマンス向上を目指そう「YSlow」

タグ: [] [] [] [] [] [] [] [] [] [] []

buzz_button

AjaxやCSSや様々なJavaScriptライブラリによって、サイトが豪華になっていく反面、全体的なシステムパフォーマンスは急激に悪化している。JavaScript等で、このサイトは重いなと感じる事が少なからずあるはずだ。

ピクチャ 16 Thumbnail-2

便利な機能を提供する限り、これは変えられないのだろうか。いや、そんな事はない。変えるべきポイントは幾つも存在する。それを的確にアドバイスしてくれるのがこのツールだ。

今回紹介するオープンソース・ソフトウェアはYSlow、Firebugと連携するパフォーマンスチェッカーだ。


YSlowはYahoo! Inc.により開発、提供されているソフトウェアで、FirefoxのアドオンであるFirebugと連携して利用する。パフォーマンスを改善したいサイトにアクセスし、YSlowのアイコンをクリックすれば良いだけだ。

ピクチャ 17 Thumbnail-3

チェックされる項目はHTTPリクエストの数、Gzip圧縮されているか、CSSがHTMLのトップに、JavaScriptは下に記述されているか、JavaScriptは難読化(圧縮)されているか等の項目がある。

さらにETagを使っているか、CDN(コンテンツ配信ネットワーク。P2Pを利用した負荷分散ネットワーク)を利用しているか等といった専門的なものもリストアップされる。これらが導入できるかどうかはシステムよって変わるだろうが、負荷があまりに高い場合等は検討してみても面白い。

ピクチャ 18 Thumbnail-3

もう一つ便利なのが全てのJavaScript、CSSファイルを一つにまとめてくれる機能だ。これを使うと各種ライブラリによって分散したJavaScriptファイルを一つにまとめられるのでHTTPのリクエスト数を抑えられる。

他にも結果のレポーティング、JSLintを使ったJavaScript構文チェックや全サイズチェック等、便利な機能が盛りだくさんだ。Firebug同様、Webサイト開発を行うエンジニア必須のソフトウェアと言えそうだ。

YSlow for Firebug
 http://developer.yahoo.com/yslow/

ピクチャ 21 Thumbnail-1
ピクチャ 20 Thumbnail-3
ピクチャ 19 Thumbnail-2

トラックバック URL :

October 15th, 2007 Posted by admin | 1コメント

1 Comment »

  1. [...] MOONGIFT: » サイトのパフォーマンス向上を目指そう「YSlow」:オープンソース… [...]

    Pingback by diigo2ZerockBlog 10/25/2007 « ZerockBlog | 2007/10/25 Thursday

Leave a comment

MOONGIFTネットワーク。こちらもぜひご覧ください。
MOONGIFT
Open Service
Rails 2.0
Resident on Net
iPhone最適化
リーンソフトウェア
MarketPedia
Producing Web
Cool Coding