【ハウツー】

YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを!

1 YSlowでWebページパフォーマンス計測

 
  • <<
  • <

1/8

Webページの表示パフォーマンスの向上は、Webデベロッパやフロントエンドプログラマにとって永遠の課題だ。ページの表示が速いかどうかは、ユーザの満足度に大きく影響する。リッチなUIや機能を実現しつつも、ページの表示は軽くしたい。

そこで重要になってくるのが、ページの読み込み速度を測定して分析してくれるツールの存在だ。Webページパフォーマンス計測ツールを使うことで定量的に状況を把握し、改善策を練ることができるというわけだ。Webページパフォーマンス計測ツールはいくつかあるが、最も導入が簡単で、かつ効果の高いもののひとつがYahoo! Developer Networkを通じて提供されているYSlowだ。執筆現在での最新版は0.9.2となっている。

YSlowはFirebugを活用しつつJavaScriptで開発されたWebページパフォーマンス計測ツール。Yahoo! Exceptional Performance teamが作成した評価基準にしたがってWebページのパフォーマンスを計測してくれる。Firefox向けのエクステンションとして実装されており、Mozilla Public License version 1.1のもとでオープンソースソフトウェアとして公開されている。Firebugをベースとしているだけあって、UIは良くできている。リソース閲覧や走査もお手のものだ。

YSlowの主要開発者であるSteve Souders氏は、2008年からGoogleで仕事をしているようなので、今後のリリースはYahoo! Developer NetworkではなくGoogleから公開されるかもしれないし、同氏からのリリースはもうないかもしれない。行く末はよくわからないが、現状で有益なツールであることには変わりない。ここでは実際にYSlowを使いながらWebサイトの高速化を実現する方法を紹介する。

RIAとしてのAjax技術については「システム開発ジャーナル」Vol.2の特集「大特集 RIA開発」にも解説が載っているので、そちらもぜひ参照されたい。

  • <<
  • <

1/8

インデックス

目次
(1) YSlowでWebページパフォーマンス計測
(2) インストールと基本操作
(3) YSlowの評価内容
(4) YSlowで分析/調整の作業例 - 目指せ、A評価(1)
(5) YSlowで分析/調整の作業例 - 目指せ、A評価(2)
(6) YSlowで分析/調整の作業例 - Statsで効果をチェック
(7) CSS Sprite Generatorが本当に効果があるのか確かめてみる
(8) 一度は使いたいYSlow、CSS Sprite Generatorも要検討

もっと見る

関連キーワード


転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

[君の名は。]世界85の国・地域で配給 神木隆之介「レッドカーペット歩きたい」
[15:20 8/28] ホビー
[吹石一恵]第1子を妊娠 福山雅治がパパに
[15:02 8/28] エンタメ
Wi-Fiを使って近くのユーザーのキーボード入力を盗み取る技術とは?
[15:00 8/28] 企業IT
[杉本有美]「水着は卒業」 グラビア集大成の最新写真集で見納め
[14:48 8/28] エンタメ
[福原遥]卒業後は進学せず芸能活動に専念 写真集は「泡風呂恥ずかしい…」
[14:10 8/28] エンタメ

求人情報