エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを!
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを!
ここでは実際にYSlowを使ってWebページの表示パフォーマンスを測定し、ひとつひとつチューニングを実施... ここでは実際にYSlowを使ってWebページの表示パフォーマンスを測定し、ひとつひとつチューニングを実施していく方法を紹介する。用意したのは9つの画像を表示する単純なHTMLファイルだ。複数のファイルに分割されたCSSファイルも指定してある。画像を9つ用意した理由は、後で1つの画像に統合して改善効果がみられるかどうか確認するためだ。 まず次の結果をみてほしい。これが初期状態だ。Expires、Deflate、ETagのすべてをデフォルトに設定してある。測定結果は2、3、13がF評価という状況だ。統合得点は67点。2はCDNを使えということなのでここでは無視するとして、3から改善していく。 3ということはExpiresの設定をすればいいわけだから、HTTPdサーバにExpiresの設定を追加する。たとえば次のような設定を追加すればいい。キャッシュ期間が3日間未満の場合はキャッシュが十分に有効