ã€Sassã§è§£æ±ºã€‘CSSã®@importã¯ã©ã‚Œã ã‘悪影響ãªã®ã‹è‡ªåˆ†ã§è©¦ã—ã¦ã¿ã‚‹ | DevelopersIOã¯ã˜ã‚ã« Webサイトã®é«˜é€ŸåŒ–ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã‚‹ã¨CSSã®@import url();ã¯ä½¿ã‚ãªã„æ–¹ãŒè‰¯ã„ã¨ã„ã†æŒ‡æ‘˜ã‚’よã見ã‹ã‘ã¾ã™ã€‚ å•é¡Œã¨ãªã‚‹ã®ã¯ãƒ‘ラレルãƒãƒ¼ãƒ‰ï¼ˆè¤‡æ•°ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’åŒæ™‚ã«ãƒãƒ¼ãƒ‰ã™ã‚‹ï¼‰ãŒã§ããªããªã‚‹å ´åˆãŒã‚ã‚‹ã“ã¨ã¨ã€CSSã®èªã¿è¾¼ã¿é †åºãŒå¤‰ã‚ã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚るよã†ã§ã™ã€‚ 実際ã«ã©ã‚Œã ã‘èªã¿è¾¼ã¿é€Ÿåº¦ã«å•é¡ŒãŒã‚ã‚‹ã®ã‹ã€3ã¤ã®èªã¿è¾¼ã¿æ–¹ã§è©¦ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 比較ã™ã‚‹3ã¤ã®èªã¿è¾¼ã¿æ–¹ 今回ã¯ã“ã®3ã¤ã§èªã¿è¾¼ã¿ã‚’比較ã—ã¦ã¿ã¾ã™ã€‚ CSSã®@import url();ã§èªã¿è¾¼ã‚€ HTMLã®linkè¦ç´ ã§åˆ¥ã€…ã«èªã¿è¾¼ã‚€ Sassã§@importã—ã¦1ã¤ã«ã¾ã¨ã‚ã¦linkè¦ç´ ã§èªã¿è¾¼ã‚€ 対象ブラウザ 今回ã®æ¤œè¨¼ãƒ–ラウザã¯Chromeã¨Internet Explorerã§ã™ã€‚ ã©ã¡ã‚‰ã‚‚å‚™ãˆä»˜ã‘ã®é–‹ç™ºè€…ツールã§æ¤œè¨¼ã—ã¾ã™ã€‚ 今回計測ã—ãŸã‚µãƒ³ãƒ—ル サンプルã¯ã“ã¡ã‚‰ã«å…¬é–‹ã—ã¦ã„ã‚‹ã®ã§å•é¡ŒãŒã‚
{{#tags}}- {{label}}
{{/tags}}