タグ

WebDesignとperformanceに関するsemicolonのブックマーク (3)

  • パフォーマンスは技術課題ではなくデザインの課題

    人気デザインギャラリーサイトから幾つかモバイル向け Web サイトのパフォーマンスを検証してみました。以下が各サイトのリクエスト数とファイルサイズになります。 FELISSIMO 500色の色えんぴつ: 81リクエスト / 1.94MB 旅館 大村屋 55リクエスト / 1.52MB UR オンラインストア 90リクエスト / 705kb JiNS PC 78リクエスト / 1.39MB らでぃっしゅレシピ 69リクエスト / 987kb 明治北海道十勝カマンベールチーズ 54リクエスト / 1.12MB いずれもスクリーンショットでは素晴らしい見た目で使いやすそうに見えますが、中身はかなり重いことが分かります。1MB 以下に抑えているサイトもありますが、それでもかなりリクエスト数が多いのが分かります。リクエスト数が多いということは、回線が安定しない場合、すべての要素が読み込まれない可能性

    パフォーマンスは技術課題ではなくデザインの課題
  • 秋元@今日も頑張ってます! � YSlowのSteve Souders氏が新測定ツールHammerheadをリリース

    Yahoo!のクライアント側パフォーマンスチューニングで名を上げ、Googleに移籍した、「ハイパフォーマンスWebサイト」の著者スティーブ・サウダーズさんが、新しいプラグインHammerheadを出しました。 Hammerheadは、FirefoxのFireBug拡張の上で動く子拡張。Firebugを入れた上でインストールする必要があります。 Firefox3のアドオンマネージャのセキュリティチェックに引っかかるので、パラメータをいじらないとインストールできません。about:configから手順に沿ってパラメータを一つ追加する必要があります。 ブラウザ側のパフォーマンス測定をするときは、キャッシュの影響を排除しないと正確な測定ができません。このプラグインではまず、ディスクやメモリ上のキャッシュをステータスバーからクリアするための簡易な手順が提供されます。 これは、3つのURLについて

  • 書評: ハイパフォーマンスWebサイト | 秋元@サイボウズラボ・プログラマー・ブログ

    いただいたもの ハイパフォーマンスWebサイト / Steve Souders 著, 武舎 広幸、福地 太郎、武舎 るみ 訳 YSlow for Firebug ページのチューニングを助言してくれるFirefoxアドオンで紹介したYSlowの作者Steve Soudersさんによる、ブラウザクライアント側でのパフォーマンスチューニングを中心にしたtips。 スケーラブルWebサイト(Flickrのウェブサイトスケール技術について解説した)と同じ訳者による翻訳。スケーラブルWebサイトも面白かったので期待して読んだ。 YSlowと同時期にYahoo!から出された、ブラウザでの読み込みとレンダリング完了までの高速化についての最初の13個のtipsにAjaxの1個を加えた14個が、今回のの内容になっている。 ウェブで発表された際にも、かなり細かいところまでブログやプレゼン資料で説明され

    書評: ハイパフォーマンスWebサイト | 秋元@サイボウズラボ・プログラマー・ブログ
  • 1