スタートアップ向け！1人日でできるサービスの高速化方法と成果

1. スタートアップでも  これだけはやっておこう！  1人日で出来るサービス高速化  〜弊社の実施談まとめ〜

2. はじめに、⾃自⼰己紹介この資料料は 2012年年5⽉月創業のスタートアップ。 Actcat, Inc. の⾓角が書いています。まだまだシードステージ。⾃自⼰己資本 + Open network lab のみの⼩小さな資本でやりくりってます。 Actcat, Inc. 代表取締役CEO ⾓角幸⼀一郎郎 Copyright 2012© Actcat, Inc. All Rights Reserved. 2

6. 今回対象のアプリの構成 •  サーバ –  Ruby on Rails –  MySQL •  クライアント –  iPhone Native(Obj-‐C) –  Android Native(Java) iPhone/Androidどちらもネイティブですが、画⾯面のほとんどはWebViewで、WebViewをネイティブコードでフックしてる感じです。審査不不要でアプデ出来るぜ！両デバイス対応でコスパ⾼高いぜ！です。 Copyright 2012© Actcat, Inc. All Rights Reserved. 6

12. PNGの圧縮その1 •  背景画像とかPNG使ってるよね。これを最⼤大限圧縮しよう！ •  Fireworksデータを含んだままのPNGで、リリースしたんだ、最初。 10秒ぐらい初回かかったぜ！w 5000m sec 削減！ •  少なくてもFireworksデータは含まないで出⼒力力しようw Copyright 2012© Actcat, Inc. All Rights Reserved. 12

15. CSS/JS 軽量量化 •  CSSとJSは軽量量化しようぜ！当たり前だけど。 •  ウェブでツールもたくさんあるよ！ •  まぁ、Rails使いなら、 rake assets:precompile RAILS_ENV=production するだけだけどね！ ※元々やってたから効果分かってない Copyright 2012© Actcat, Inc. All Rights Reserved. 15

16. JSの遅延ロード •  Javascriptを<head>で呼んでるサービスは本当に勿体無い！ •  Bodyの最後で呼ぶようにするだけで 1000m sec 早く！Do it now!!! (うちはそれぐらい早くなった) •  Mixpanel系のコードを⾃自動でheadに書いてたんだけど、gemがbodyに書くのに対応していたので、マジ楽対応できた。 Railsかみー！ Copyright 2012© Actcat, Inc. All Rights Reserved. 16

21. 静的ファイルおまけ location ~ ^/assets/ { root /var/www/rails/public; expires max; add_header Cache-‐Control public; } # ↑のだけのだとfavicon.icoなどが含まれないので。 location ~ .*.(jpg|JPG|gif|GIF|png|PNG|swf|SWF| css|CSS|js|JS|inc|INC|ico|ICO) { root /var/www/rails/public; expires max; add_header Cache-‐Control public; } Copyright 2012© Actcat, Inc. All Rights Reserved. 21

22. 静的ファイルは圧縮で！ gzip on; gzip_min_length 1000; gzip_types text/plain text/css application/x-‐ javascript application/atom+xml; って書くだけだよ！ •  Htmlやcss/jsが圧縮されて渡されるので、リクエストの数も少なくなり、⾮非常に⾼高速化。 •  200m secぐらいは？ Copyright 2012© Actcat, Inc. All Rights Reserved. 22

23. サーバ選定 •  国内サーバを使⽤用しましょう！ –  Herokuとか使ってる、お⾺馬⿅鹿鹿なスタートアップいない？ ※弊社も⼀一部では使ってます。好きです。 –  HerokuはUSのEC2。EC2の東京リージョンと⽐比べると、レイテンシの差が⾮非常にでかいよ！ •  CDNはいらない？ –  EC2の東京リージョンなら、近いから、 CDNとか使う必要ないと思います。 –  動画配信とかは別だけど。 Copyright 2012© Actcat, Inc. All Rights Reserved. 23

25. HTML5 Application Cache •  Application cache っていう技術がHTML5から⼊入ってます。ブラウザに明⽰示的にずっと、 htmlだろうがなんだろうがキャッシュさせらるんです •  ただ、なんか結構気まぐれで、このファイルはiOSはキャッシュするけど Androidはキャッシュしてくれないとかありました。 •  HTML5はスタートアップは触らないほうが良良いと思います！(もっと他のことに時間を！ Copyright 2012© Actcat, Inc. All Rights Reserved. 25

27. おすすめツール •  Firefox Plugin Yslow –  https://addons.mozilla.org/ja/ﬁrefox/addon/ yslow/ –  このプラグインの指⽰示に従うだけでばり早くなります。 •  TinyPng –  http://tinypng.org/ Copyright 2012© Actcat, Inc. All Rights Reserved. 27

35. 資料料作成会社会社名株式会社アクトキャット設⽴立立年年 2012年年5⽉月10⽇日代表取締役⾓角幸⼀一郎郎本社所在地東京都港区⾚赤坂8丁⽬目9番14号ローザ⾚赤坂 107号室サービス紹介お願いカンパニー for iOS / Android ユーザが悩み、相談、疑問などを投稿、他ユーザが回答するサービス。投稿者に選ばれるとポイントが貰え、景品に交換できるのが特徴。その他実績 40以上のiOS/Android/Webアプリの企画設計開発運⽤用実績⼤大⼿手広告代理理店等との受託開発、コンサルティング実績 Copyright 2012© Actcat, Inc. All Rights Reserved. 35

36. なんでも相談お問い合わせ会社名株式会社アクトキャット設⽴立立年年 2012年年5⽉月10⽇日代表取締役⾓角幸⼀一郎郎本社所在地東京都港区⾚赤坂8丁⽬目9番14号ローザ⾚赤坂 107号室下記までお気軽にお問い合わせ下さい担当: ⾓角幸⼀一郎郎# Mail: koichiro.sumi@actcat.co.jp# Tel : 03-6434-5905# HP : http://www.actcat.co.jp/ Copyright 2012© Actcat, Inc. All Rights Reserved. 36

スタートアップ向け！1人日でできるサービスの高速化方法と成果

Esté a ler uma amostra.

Confira estes a seguir

スタートアップ向け！1人日でできるサービスの高速化方法と成果

Mais Conteúdo rRelacionado

Semelhante a スタートアップ向け！1人日でできるサービスの高速化方法と成果 (20)

Mais de Koichiro Sumi (20)