カンタン多機能ブログ
ようこそ ゲスト さん
ホーム
mala
mala (56)
チャンピオンREDは狂気で満ち溢れている 一覧

海外から遅いというのでPart2

ボトルネックの調査と改善はUIエンジニアの役割なので何でもやる。

* Amazon EC2を借りてプロキシを立てて海外経由でアクセスとか試した
- 24セントかかった。手順がややこしくて大変だったけど安い。
- 初回起動が遅いのが気になる、ロードし終わってからは許容レベルだと思う。
- kokogikoのブログパーツは許容レベルではない。
- faviconのロードが遅くてjsonのロードに詰まる感じがする。ドメインあたりの接続数に引っかかるのだろうか。
- Amazonの回線の品質がいいのであまりあてにならないかもしれない。

* たまたま知人が海外にいるので試してもらった
- 日本と変わらないよ、とのこと。
- ロード後の使用感は、ショートカットキー使ってれば、回線速度に依存しない。
- 日本の例で分かってるように、頑なにマウスでしか使わないユーザーがいる。(そして遅いと文句を言う)
- コーヒーに、砂糖を入れないで、苦いと言う。
- うどんに、七味を入れすぎて、辛いと言う。

* 国別の速度レポートを取った
- Apacheのログを集計し、IP::Countryを使って国別の速度レポートを取る。
- ファイルAにアクセスしてからファイルBにアクセスするまでの間隔を見る。
- IP::Countryは都市名までは分からないけど、統計用には十分使える。
- 最初はWWW::HostipInfoでやろうとしてた。
- 中国のユーザーはA→Bの間隔が大体20秒かかってるようだ。
-- 細かいファイルが多いと、起動が遅くなる。
-- ちなみに日本の場合の最頻値は1秒。日本のユーザーが幸福なのは確かだ。
- そのユーザーのその日の初回のアクセス。キャッシュされてれば少しはマシのはず。
- ユーザー数はまだまだ少ないけど、顕著に差がでる。遅い国は遅い。
- アクセスログを見れば大抵のことは分かる。その人がどれぐらいイラつくのかが分かる。
- 使ってるPCのCPU速度も分かるといいんだけど、JSでベンチ取るとかやりたくない。なんかのついでに計測できないだろうか。
- とりあえず、起動が速いのは日本だけだった、ということがわかった。
- ていうか中国遅すぎじゃね?遅いのに、ユーザー多い。みんな慣れてんのかな。

* クライアントサイドでできる対策をいくつかやって、様子見
- JSファイルの連結をやった。大分効果があるようだ。
- 圧縮は効果あるんだろうか。効果あってもソース読めなくなるからやらない。
-- gzip圧縮は効いてる。
-- 連結も、リンク張りづらくなるからあまりやりたくないんだよな。
- CSSも少し整理、なるべく一つにまとめる。
- window.onloadは画像ロードを待つので、DOMロード完了で起動するように変更

キャッシュされてない状態のJSのロードが遅すぎだったけど、大分マシになった。あとはexpires設定して強制キャッシュとかも試すかも。インフラ面は今後の課題。
晴れ 曇り 雨 雪 雷 台風 霧 小雨 牡羊座 牡牛座 双子座 蟹座 獅子座 乙女座 天秤座 蠍座 射手座 山羊座 水瓶座 魚座 スポーツ 野球 ゴルフ テニス サッカー スキー バスケットボール モータースポーツ ポケットベル 電車 地下鉄 新幹線 車(セダン) 車(RV) バス 船 飛行機 家 ビル 郵便局 病院 銀行 ATM ホテル コンビニ ガソリンスタンド 駐車場 信号 トイレ レストラン 喫茶店 バー ビール ファーストフード ブティック 美容院 カラオケ 映画 右斜め上 遊園地 音楽 アート 演劇 イベント チケット 喫煙 禁煙 カメラ カバン 本 リボン プレゼント バースデー 電話 携帯電話 メモ TV ゲーム CD ハート スペード ダイヤ クラブ 目 耳 手(グー) 手(チョキ) 手(パー) 右斜め下 左斜め上 足 くつ 眼鏡 車椅子 新月 やや欠け月 半月 三日月 満月 犬 猫 リゾート クリスマス 左斜め下 カチンコ ふくろ ペン 人影 いす 夜 soon on end 時計 phone mail fax iモード iモード(枠付き) メール ドコモ提供 ドコモポイント 有料 無料 ID パスワード 次項有 クリア サーチ(調べる) NEW 位置情報 フリーダイヤル シャープダイヤル モバQ 1 2 3 4 5 6 7 8 9 0 黒ハート 揺れるハート 失恋 ハートたち(複数ハート) わーい(嬉しい顔) ちっ(怒った顔) がく~(落胆した顔) もうやだ~(悲しい顔) ふらふら グッド(上向き矢印) るんるん いい気分(温泉) かわいい キスマーク ぴかぴか(新しい) ひらめき むかっ(怒り) パンチ 爆弾 ムード バッド(下向き矢印) 眠い(睡眠) exclamation exclamation&question exclamation×2 どんっ(衝撃) あせあせ(飛び散る汗) たらーっ(汗) ダッシュ(走り出すさま) ー(長音記号1) ー(長音記号2) 決定 iアプリ iアプリ(枠付き) Tシャツ(ボーダー) がま口財布 化粧 ジーンズ スノボ チャペル ドア ドル袋 パソコン ラブレター レンチ 鉛筆 王冠 指輪 砂時計 自転車 湯のみ 腕時計 考えてる顔 ほっとした顔 冷や汗 冷や汗2 ぷっくっくな顔 ボケーっとした顔 目がハート 指でOK あっかんべー ウィンク うれしい顔 がまん顔 猫2 泣き顔 涙 NG クリップ コピーライト トレードマーク 走る人 マル秘 リサイクル レジスタードトレードマーク 危険・警告 禁止 空室・空席・空車 合格マーク 満室・満席・満車 矢印左右 矢印上下 学校 波 富士山 クローバー さくらんぼ チューリップ バナナ りんご 芽 もみじ 桜 おにぎり ショートケーキ とっくり(おちょこ付き) どんぶり パン かたつむり ひよこ ペンギン 魚 うまい! ウッシッシ ウマ ブタ ワイングラス げっそり