CSSパフォーマンスツールを使いこなす - ワザノバ | wazanova

https://www.youtube.com/watch?v=FEs2jgZBaQA 1 comment | 1 point | by WazanovaNews ■ comment by Jshiike | 約1時間前 CSSconf EU 2014におけるGoogleのAddy Osmaniの講演です。CSSのパフォーマンス向上に役立つツールを40個+ 紹介してくれてます。 背景 パフォーマンスの最適化において、 ベースラインとしてやること 最小化（minification） 結合（concatenation） 画像の最適化 圧縮（GZip, Zopfli） 非同期スクリプト キャッシュの利用 WOFF2フォント CSSスプライトを使う リダイレクトをしないこと スピードアップ パフォーマンス向上に重要なCSSのインライン化 レンダリングをブロックしないように、急ぎでないアセットの取

[koba04]

まとまってる

[poppun1940]

http://ift.tt/1pa2sy9 1 comment | 1 point | by WazanovaNews ■ comment by Jshiike | 約1時間前 CSSconf EU 2014におけるGoogleのAddy Osmaniの講演です。CSSのパフォーマンス向上に役立つツールを40個+ 紹介してくれてます。 背景 パフォーマン... via はて

[nyoshd]

“GoogleのAddy Osmaniの講演”

[smokyjp]

CSS

[kkeisuke]

最適化

[glat_design]

参考にします /

[monajiro]

スタイルの比較周りは知らないことが多かった

[side_tana]

"未利用のCSSを削除することで、Speed Indexが 2093 -> 1316、表示時間が12.3秒 -> 1.3秒に改善。"はやいっ!!!

[hitode909]

ほうほう

[lpcwwwcom]

参考にしよう

[efcl]

https://speakerdeck.com/addyosmani/css-performance-tooling の動画とスライドの話 サイトのパフォーマンスの計測方法について参考になる

[gayou]

CSSパフォーマンス向上

[yosuke_furukawa]

安心と信頼のaddy osmani製

[yasuharu519]

Webパフォーマンス改善について