30分ã§ã§ãã‚‹ï¼Webサイトを高速化ã™ã‚‹6大原則 (3/4)4.CSS セレクターã¯çŸã最é©åŒ–ã›ã‚ˆï¼ CSSã¯ã‚·ãƒ³ãƒ—ルã«ã€çŸã書ãã“ã¨ãŒã‚‚ã£ã¨ã‚‚大切ã 。ã„ãã¤ã‹ã®ãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚‹ã®ã§ãœã²ã¨ã‚‚押ãˆã¦æ¬²ã—ã„。基本ã¯ã€ã€Œãƒ–ラウザーã¯CSSã‚’é©ç”¨ã™ã‚‹ã¨ãマッãƒãƒ³ã‚°ä½œæ¥ã‚’ã—ã¦ã„ã‚‹ã€ã€Œãƒžãƒƒãƒãƒ³ã‚°ã®æ¯ä½“ãŒå¤§ãããªã‚Œã°ãªã‚‹ã»ã©ã€åŠ¹çŽ‡ã¯æ‚ªããªã‚‹ã€ã¨ã„ã†ã“ã¨ã 。 ■ユニãƒãƒ¼ã‚µãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã€Ž*ã€ã¯é¿ã‘ã‚‹ ユニãƒãƒ¼ã‚µãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼ˆå…¨ç§°ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼‰ã¯ãã®åã®ã¨ãŠã‚Šâ€œãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«â€ï¼ˆã™ã¹ã¦ï¼‰ã§ã‚ã‚Šã€ãƒžãƒƒãƒãƒ³ã‚°ã«ç›¸å½“ã®æ™‚é–“ãŒã‹ã‹ã‚‹ã€‚ã¤ã¾ã‚Šã€ *{ margin: 0; padding: 0; } ã¨ã„ã†CSSリセットã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’é…ãã—ã¦ã—ã¾ã†ãŸã‚ã€ãªã‚‹ã¹ã使ã†ã¹ãã§ã¯ãªã„。 â– idåã«ã‚¿ã‚°ã‚„classを付ã‘åŠ ãˆã‚‹ãª idã¯ã‚‚ã¨ã‚‚ã¨ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚‚ã®ã€‚ã‚¿ã‚°ã‚„classを付ã‘åŠ ãˆã‚‹å¿…è¦ã¯ãªã„。余計ãªã‚‚ã®ã‚’付ã‘ã‚Œã°ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯é…ããªã‚‹ã€‚ â—悪ã„例： ul#global-nav â—良ã„
Lets Make The Web Faster By Google » Web-kreation
CSS Sprites化ã¨ç”»åƒæ¸›è‰²ã§ã‚µã‚¤ãƒˆã‚’高速化 - エスカフラーãƒã‚§LLC
CSSã§ãƒˆãƒ©ãƒ³ã‚¹ãƒ•ã‚©ãƒ¼ãƒ ：変形処ç†ã€Œtransformã€ã®åŸºç¤Ž - builder by ZDNet Japan
高速化ã®ãŸã‚ブラウザãŒæ”¹å–„ã™ã¹ãã“ã¨19ã€+2 | エンタープライズ | マイコミジャーナル
30分ã§ã§ãã‚‹ï¼Webサイトを高速化ã™ã‚‹6大原則 (4/4)
Firebugã§ãƒ©ã‚¯ãƒ©ã‚¯è¨ºæ–～Yahoo!ãŒæ˜Žã‹ã™ãƒšãƒ¼ã‚¸è¡¨ç¤ºã®é«˜é€ŸåŒ–13ã®ãƒ«ãƒ¼ãƒ« - Dragon.jp
独å¦ã§æ¥µã‚ã‚‹ “Webデザインâ€ã®æŠ€ã¨å¿ƒï¼šç¬¬10回　CSS Spritesã§ã‚µã‚¤ãƒˆã‚’高速化｜gihyo.jp … 技術評論社
残念ãªãŒã‚‰ç¾çŠ¶ã§ã¯è¤‡è£½ä»£è¡Œã‚µãƒ¼ãƒ“スã¯é›£ã—ã„ | æ —åŽŸæ½”ã®ITå¼ç†å£«æ—¥è¨˜
ガウディã®è¬Ž
PUMAãŒé´ç®±ã‚’廃æ¢ã€ä½Žã‚³ã‚¹ãƒˆã§ç’°å¢ƒã«å„ªã—ã„æ–°ã—ã„パッケージングã¸
Expired
［写真蔵］アウディ スãƒãƒ¼ãƒ„クワトムS1…ä¼èª¬ã®ãƒ©ãƒªãƒ¼ãƒžã‚·ãƒ³ | レスãƒãƒ³ã‚¹ï¼ˆResponse.jp）
Googleã€Twitterã§éŽåŽ»ã®å‡ºæ¥äº‹ã‚’“リプレイâ€ã™ã‚‹æ©Ÿèƒ½ã‚’è¿½åŠ 
ç›®ã®éŒ¯è¦šã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã®å¾…ã¡æ™‚é–“ãŒçŸã...ãªã£ãŸæ°—ãŒã™ã‚‹ï¼ˆå‹•ç”»ï¼‰
{{#tags}}- {{label}}
{{/tags}}