2013/2/15 gooya社内ディスカッション「早いサイト」坂本チーム資料

676 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
676
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

2013/2/15 gooya社内ディスカッション「早いサイト」坂本チーム資料

  1. 1. 「速いサイト」 13.02.15CONFIDENTIAL Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  2. 2. 速いサイトの定義CONFIDENTIAL 2 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  3. 3. リクエストに対してレスポンススピードが速い → レスポンススピードが最低 2 秒以内、目指すは 1 秒 ※ 実際の読み込み速度と体感で感じる速さは違うCONFIDENTIAL 3 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  4. 4. 本当に速いサイトって必要?CONFIDENTIAL 4 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  5. 5. ■ 必要とされる業種・種別 膨大な情報から、特定の情報を探し出すシーン ・航空会社( 2.251 秒)、不動産( 2.414 秒) 課金が生じるシーン ・ EC サイト ■SEO 的な面で ・速度が速いサイトは検索順位に良い影響がある(という見解がある) ※ グーグルが、検索結果の順位決定の要因として、ページの表示速度を含め たことを公式に発表CONFIDENTIAL 5 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  6. 6. ■ ユーザー/運営者としては? ・速ければ速いほど、ストレスなくサイト閲覧が可能。カスタマー満足度の 向上 ・離脱率は下がり、閲覧頻度もあがる=コンバージョンアップにつなげやす い ■ 最近のトレンドとの兼ね合いは? ・レスポンシブ=無駄なソースが増える=遅くなる ・パララックス=大きな画像点数が増える=読み込みが遅くなる → 最近のトレンドとはマッチしてないのでは? ただ、できるだけ速くする工夫をすることである程度回避できるかも・・・CONFIDENTIAL 6 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  7. 7. 高速化するための工夫CONFIDENTIAL 7 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  8. 8. ■ アカウント ・提案時点で速いサイトの利点・欠点をクライアントと共通認識として持っ ておく 要件を固めるうえでのヒントとしておく ■ ディレクション ・要点をまとめて不要な情報を削り情報量を減らす ※ 本来のサイト制作のゴールに直結しない不要な要素CONFIDENTIAL 8 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  9. 9. ■ デザイン ・デザインを簡潔にして画像要素を減らす ・フォントを画像化せずにデバイスフォントを極力使う ・ CSS で表現できる部分は、 CSS に任せる ■ コーダー ・スプライトなどを用いて画像の読み込み点数を減らす ・無駄なコードを書かない ・軽いソースを書く( css や js をシンプルにする、圧縮する) ・インクルードは増やさない(セッション数が増えるため、時と場合によ る)CONFIDENTIAL 9 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  10. 10. ■ システム ・キャッシュを効率的に利用する(頻繁に更新しないものはキャッシュ化) ・ハードウェア、回線などバックボーンを最適化するCONFIDENTIAL 10 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  11. 11. gooya としては?CONFIDENTIAL 11 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.
  12. 12. 速さは必要! 現状、意識する事が少ないので、日ごろから意識していく必要がある ( `・ ω ・ ´) 表示テストを導入するのもアリ、 QA チームさんよろしく (= ゚ ω ゚ ) ノCONFIDENTIAL 12 Copyright © 2004-2012 gooya Corporation. All Rights Reserved.

×