お前のサイト遅すぎる。せめてこれぐらいやっとけ「WEBサイト高速化」

投稿者 きもち カテゴリー WEB ホームページ作成 2011年04月08日
「ホームページ作ったんだけど、見てくれる?」

「いいよ。カチッ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・。」
「おそーーーーーーーーーい。」

72265

Point

javascriptを有効にしてください。
72
javascriptを有効にしてください。
javascriptを有効にしてください。
みんなが追加したAnswer一覧

遅い要因を調べる

投稿者きもち 投稿日2011年04月07日
2011年3月31日、米グーグルから、ホームページのパフォーマンスを高速化する方法を提案するツールPage Speed Onlineが公開されました。

影響の大きな順に、対策を提案してくれますので、上から順番に対応していけばいいです。

URLを入力すると、「High priority」(優先度高)、「Medium priority」(優先度中)、「Low priority」(優先度低)の3段階で、パフォーマンスを向上させる方法を教えてくれる。

215

Point

このAnswerが良かったらGood!をクリック。
javascriptを有効にしてください。
javascriptを有効にしてください。

Leverage browser caching

投稿者きもち 投稿日2011年04月07日
Page Speed Online 「Leverage browser caching」と表示された場合の対応

一度アクセスしたことがあるサイトでは、ブラウザがキャッシュを生成する。
HTTPレスポンスヘッダにExpiresを追加することで、キャッシュが存在する場合には、サイトにはアクセスせず、キャッシュのデータを利用するように、指示することができる。ファイルの種類や期間を設定し、最適なキャッシュを行うようにしよう。
下記のサンプルでは、スタイルシート・ジャバスクリプト・画像を1日キャッシュする。

LoadModule expires_module modules/mod_expires.so

ExpiresActive On

ExpiresByType text/css "access plus 1 days"
ExpiresByType application/x-javascript "access plus 1 days"
ExpiresByType image/jpeg "access plus 1 days"

この答えへのみんなのコメント
inudogさん サンプルはどのように使用するのでしょうか?
193

Point

このAnswerが良かったらGood!をクリック。
javascriptを有効にしてください。
javascriptを有効にしてください。

Combine images into CSS sprites

投稿者きもち 投稿日2011年04月07日
画像がたくさんあると、その度にリクエストがかかるため、遅くなる。
ロゴやボタンなどの画像をまとめひとつの画像にし、スタイルシートをつかって、
ひとまとまりにした画像から切り出すようにする。

便利ツールをご紹介 CSS Sprite Generator

画像をフォルダにまとめて、ZIPで圧縮し、アップロードすると、 一枚の画像とCSSを生成してくれる。

215

Point

このAnswerが良かったらGood!をクリック。
javascriptを有効にしてください。
javascriptを有効にしてください。

イメージマップ

投稿者きもち 投稿日2011年04月07日
複数の画像をまとめるためには、イメージマップも使える技のひとつ。
一枚の画像に対して、部分的にリンクを生成する。

オンラインで、イメージマップが作成できます。

195

Point

このAnswerが良かったらGood!をクリック。
javascriptを有効にしてください。
javascriptを有効にしてください。

画像の最適化

投稿者きもち 投稿日2011年04月08日
見た目をほとんど変えることなく、画像サイズを圧縮することができる。

オンラインで画像を最適化するツール

195

Point

このAnswerが良かったらGood!をクリック。
javascriptを有効にしてください。
javascriptを有効にしてください。
  • PR

ページの先頭に戻る