タグ: サイト最適化の付いた投稿

レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと

2012/05/01 @10:09 | レスポンシブWebデザイン

昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン(RWD)で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 続きを読む

アイコン画像などをCSSスプライトにまとめる方法

2011/06/19 @11:27 | 制作・運営・ノウハウ

現在作業中のサイトでは「CSSスプライト」という手法を使って、アイコンやロゴなどの画像表示の最適化を試みようと思っています。アイコンなどの小さな画像が数多くあると、その分ダウンロードする際にサーバへの接続回数(HTTPリクエスト)が多くなってしまい、ページ表示速度を遅くさせてしまう可能性があります。そこで、CSSスプライトを使った方法では、それら複数の画像を一つにまとめて必要な部分のみをCSSで表示させます。

CSSスプライトの方法にもいろいろあるようですが、ここではGoogleやFacebookが採用しているアイコン画像を縦と横に並べた、よりコンパクトなスプライト画像を使う方法についてまとめてみます。※現段階ではIE6、IE7未対応 続きを読む

ウェブサイトのパフォーマンスチェック・オンラインツール

2010/05/09 @10:04 | ウェブ制作・運営に役立つツール

ウェブサイトのパフォーマンスがGoogleの検索ランキングの評価要素の一つになり、ウェブサイトのパフォーマンス最適化が注目されつつある昨今。パフォーマンスの最適化を考えているウェブサイト運営者も多いと思います。

そこで、便利なウェブ・ツールをご紹介。
GTmetrix (Beta)というウェブサイトで、URLを入力するとそのページの評価と推奨する改善点の一覧を表示してくれます。

このツールの良い点は、

  • Yahoo!のYSlowとGoogle Page Speedの両方で評価を見せてくれる
  • 各結果と推奨する対応策を提示してくれる
  • 登録(無料)すると、過去の履歴を残しておける
  • それぞれの対応策の詳細が一覧で見ることができる
  • Bookmarkletが用意されているので、パフォーマンスチェックが楽

唯一のネックは、すべて英語であること。
日本語化してくれたら便利ですね。