Blog

ブログ > PageSpeed

PageSpeed

posted on 1:04 PM, March 1, 2013
今日ライブになったサイト。ロードスピードが遅いというので修正をする。そんな時役にたつgoogle のPageSpeed Tool。Analyze your site onlineからURLを入力してスピードチェック、解決法の提示など至れり尽くせり。
今日ライブになったサイト。ロードスピードが遅いというので修正をする。そんな時役にたつgoogle の PageSpeed ToolAnalyze your site onlineからURLを入力してスピードチェック、解決法の提示など至れり尽くせり。全てを解決するのは難しいけれど、ちょっと気をつけるだけでスピードは全然変わる。ここで普段気を着けている事とあわせてリストアップ。
 
画像
  • jpgで圧縮60%以下基本、大きい画像は50%以下
  • gifで代行できるpng画像はなるべくgifに、pngはサイズが大きいので気をつける
  • 画像ではなくできるだけCSSでデザイン
 
HTML,CSS
  • external CSSはexternal javascriptの前にレイアウト
  • internal javascriptはbody一番下にレイアウト。headerに入れない。
  • broken link画像が無いようにチェック
 
と、いろいろ書いたけれど、一番大事なのはできるだけHTMとCSSを軸にシンプルなサイトを作るということではないでしょうか。色々なエフェクトができるようになってきてますが、それに惑わされずに、整理整頓、読みやすさ、見やすさ、伝えやすさ、を大事にしていきたいですね。最小限の中で最大のキャラクタが見せれる美しいデザインを目指します。
 
さて、これから全てのクライアントのサイトを改めてチェックしよう。こういう地味なメインテナンス作業は嫌いじゃない。