30分でできる！Webサイトを高速化する6大原則 (1/4)

Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

[ISLe]

サイトを軽くする方法いろいろ

[elegrace]

［サイト］

[macj_jp]

メモ。ASCII.jp：30分でできる！Webサイトを高速化する6大原則

[miguse]

いつか使うねたかもしれない。まぁ、言われてみればそうだねーと思う内容だけどね。

[MakeWebService]

画像は最適化してからサイズを指定/ HTTPリクエストは最小に/CSSセレクターは短く最適化/CSSは上、JavaScriptは下に『まとめて』記述/プロファイリングツール（http://bit.ly/psqJn5 ）

[MOREi]

　高速化

[kams3261]

Webサイトを高速化する6大原則

[JJs]

おさらいする

[hersey]

css,javascriptの順に記述。 画像サイズ最適化できるサイト掲載

[chack]

画像の質を変えずに圧縮

[shisouken]

パフォーマンス対応

[kogee]

30分でできる！Webサイトを高速化する6大原則

[ksd6700]

.

[hatsbm]

「配色センスがなくて困る」「いつも同じ組み合わせばかり」。そんなWebデザインの悩みを解消してくれる、便利で楽しいサービスが「Adobe Kuler」だ。7000種類以上の配色パターンが公開されている。

[naohor]

[

[shany]

html・css高速化

[m-e-omoteyama]

サイト高速化

[feb223]

30分でできる！Webサイトを高速化する6大原則→

[shion518]

webデザイン

[raycolate]

覚えておく

[inthesoup]

画像は最適化・画像はサイズを指定・HTTPリクエストは最小に・CSS Sprite・CSS セレクターは短く最適化・id名にタグやclassを付け加えるな・CSSは上に、JavaScriptは下

[seo-sem-hp]

「画像は最適化してから使え！画像はサイズを指定せよ！HTTPリクエストは最小にせよ！CSSセレクターは短く最適化せよ！id名にタグやclassを付け加えるな！CSSは上に、JavaScriptは下に『まとめて』記述せよ！」

[kakuhen1rfeverheiten]

最適化

[gungnir_odin]

高速化チェック項目として有効

[hashimoya]

読んだのでぶくま

[bigchu]

: セレクタは最適化してるが、短くはかかねぇよ。あとはok

[pitworks]

1.画像は最適化してから使え！ 2.画像はサイズを指定せよ！ 3.HTTPリクエストは最小にせよ！ 4.CSSセレクターは短く最適化せよ！ 5.CSSは上に、JavaScriptは下に『まとめて』記述せよ！ 6.プロファイリングツールを使いこなせ！

[blueribbon]

1.画像は最適化してから使え！2.画像はサイズを指定せよ！3.HTTPリクエストは最小にせよ！4.CSSセレクターは短く最適化せよ！5.CSSは上に、JavaScriptは下に『まとめて』記述せよ！6.プロファイリングツールを使いこなせ！

[syari3]

パソコン

[asrite]

個人的な好き嫌いでやってた、CSSの「セレクタは短く」は正しかったのか