[css] 効率ã®è‰¯ã„cssを書ããŸã‚ã®7箇æ¡ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’シンプルã«åŠ¹çŽ‡ã‚ˆãã™ã‚‹ã“ã¨ã¯ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯è»¢é€é‡ã®ä½Žä¸‹ã€ãƒ‘ース速度ã®å‘上ã€ãã—ã¦HTMLã¨ã®ãƒžãƒƒãƒãƒ³ã‚°åŠ¹çŽ‡åŒ–ã«ç¹«ãŒã‚Šã¾ã™ã€‚ã“ã‚Œã¯ãƒšãƒ¼ã‚¸ã®ãƒ‘フォーマンスを大ããå‘上ã•ã›ã‚‹ã“ã¨ã«ç¹«ãŒã‚Šã¾ã™ã€‚ å‰å›žã¯å¤§ã¾ã‹ãªãƒ–ラウザã®æŒ™å‹•ã‚’見ã¾ã—ãŸã€‚ 今回ã¯ã€ãã†ã„ã£ãŸå‹•ãã‚’è¸ã¾ãˆãŸä¸Šã§ã€ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªéžåŠ¹çŽ‡ãªã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã‚’挙ã’ã¦ã¿ã¾ã™ã€‚ãã†ã„ã£ãŸæŒ‡å®šã‚’é¿ã‘ã‚‹ã“ã¨ã§ã€è»½é‡ã§é«˜é€Ÿãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’記述ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã§ã—ょã†ã€‚ ãªãŠã€ã“ã®è¨˜äº‹ã¯ã€Google Page Speedã®â€â€œãŠã‚ˆã³ã€Mozillaã®â€Writing Efficient CSS for use in the Mozilla UI“ãªã©ã‚’å…ƒã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ 1. ä¸è¦ãªã‚¹ã‚¿ã‚¤ãƒ«ã¯æ›¸ã‹ãªã„ 言ã†ã¾ã§ã‚‚ãªã„大å‰æã§ã™ã€‚ã§ã™ãŒã€ã¡ã‚‡ã£ã¨èª¿ã¹ã¦ã¿ã‚‹ã¨æ„外ã¨å¤šã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 例ãˆã°ã‚µã‚¤ãƒˆå†…ã§å¹¾ã¤ã‹ã®ãƒ‘ターンã®ãƒšãƒ¼ã‚¸ãŒã‚ã‚Š
![[css] 効率ã®è‰¯ã„cssを書ããŸã‚ã®7箇æ¡](https://cdn-ak-scissors.b.st-hatena.com/image/square/b65161b645f75561003a4baf589c70af636af0ad/height=288;version=1;width=512/http%3A%2F%2Ffarm4.static.flickr.com%2F3361%2F3238626102_a2840f4af9_m.jpg)
{{#tags}}- {{label}}
{{/tags}}