GitHubがCSSのパフォーマンス改善のためにおこなったことをまとめたスライド | コリス

GitHubのCSSのパフォーマンス改善について、2012年ホノルルで行われた「CSS Dev Conference」のスライドが公開されていたので、紹介します。

[teramako]

https://developer.mozilla.org/ja/docs/CSS/Writing_Efficient_CSS とほぼ同じじゃないか...

[blogger323]

bタグの件は不思議に思ってそこだけ聞いてみたけど、他に使われておらずマッチしないので処理が速くなったということらしい。19:20 あたり。

[kits]

Github のページは Javascript アプリケーションでもあるので、DOM操作のための効率化という面もあると思う。

[d_animal141]

GitHubがCSSのパフォーマンス改善のためにおこなったことをまとめたスライド | コリス

[yo_waka]

無駄を排除てのはその通りだけど、クラスセレクタの連結は今もかなり使ってるぽいし、divタグをbタグにするとその分CSS増えると思うのだけど、pageload timeホントにこの変更だけで150ms改善してるのかな？ちょっと疑問

[invent]

GitHubがCSSのパフォーマンス改善のためにおこなったことをまとめたスライド | コリス

[ysakmrkm]

GitHubがCSSのパフォーマンス改善のためにおこなったことをまとめたスライド | コリス

[kuwalab]

すごく地味な事をしていかないと行けないのね。

[k-holy]

検索効率を考慮して無駄なく書けということか。文字数はあまり関係ないんじゃ？

[tmatsuu]

ほほう。

[fukumura]

これは！

[kebo1213]

CSS

[gin0606]

"GitHubがCSSのパフォーマンス改善のためにおこなったことをまとめたスライド | コリス"

[rightgo09]

無駄なものを徹底して排除してるなー

[tennendojo]

GitHubがCSSのパフォーマンス改善のためにおこなったことをまとめたスライド | コリス

[joker1007]

これ、テンプレでちゃんと命名規則に乗っ取ったHTMLを生成してることが、まず前提かな。結構変わるもんだなあ・・・。

[mrmt]

ほう

[warriorking]

GitHubがCSSのパフォーマンス改善のためにおこなったことをまとめたスライド | コリス

[griefworker]

セレクタから不要なタグをはずす。子孫セレクタを使わない。ユニバーサルセレクタを使わない。制限の無いセレクタを使わない。classセレクタを繋げない。無駄なdivタグを排除。文字数を少なく。

[takasian_pride]

GitHubがCSSのパフォーマンス改善のためにおこなったことをまとめたスライド

[negic]

基本的なことだけど、改めて再認識。

[ysk_lucky-star]

ユニバーサルセレクタや不要なdiv要素とかはそうだけど、このやり方を突き詰めると柔軟性無くならない？

[pirosikick]

github

[tricknotes]

シンプルさと高速化が共存しているのが興味深い！

[moromoro]

>制限のないセレクタは無し /ぬぬーん、諸々使ってるでちょい厳しい。代替方法何かないかな。

[y-kawaz]

文字数削るってのはどうなのかね…圧縮でいいんじゃねと思うんだが

[gayou]

「文字数を少なく」ってのがどうもよく分からんなー

[beth321]

　コリス

[moccos_info]

途中まで読んで切り上げて紹介記事書いたのかｗ

[aoiasaba]

効率化！！！！