フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘フォーマンスを徹底解説ï¼ãƒ–ラウザã®æ°—æŒã¡ã§ç†è§£ã™ã‚‹HTML/Javascript/CSSã®è©± | Raccoon Tech Blog [æ ªå¼ä¼šç¤¾ãƒ©ã‚¯ãƒ¼ãƒ³ãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ 技術戦略部ブãƒã‚°]パフォーマンスJavaScriptHTMLフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰cssdomcssom ã“ã‚“ã«ã¡ã¯ã€ç¾½å±±ã§ã™ã€‚ 今回ã¯ã‚¦ã‚§ãƒ–システムã«ãŠã‘るフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘フォーマンスã®è©±ã§ã™ã€‚ 皆様ã¯ã‚¦ã‚§ãƒ–ã®ãƒ‘フォーマンスを気ã«ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ ãŠãらã大抵ã®æ–¹ã¯SQLã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚„ãƒã‚¸ãƒƒã‚¯ã®æ”¹è‰¯ãªã©ã‚’ã—ãŸçµŒé¨“ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ ã—ã‹ã—プãƒã‚°ãƒ©ãƒ ã‚’ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã—ã¦ã‚‚ã€æœŸå¾…ã»ã©ã¯ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ãŒæ”¹å–„ã—ãªã‹ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ 昨今ã®ã‚¦ã‚§ãƒ–サイトã¯å¤§é‡ã®CSS/Javascriptファイルã§æ§‹æˆã•ã‚Œã¦ã„るページãŒå¤§åŠã§ã™ã€‚例ãˆã°HTMLã‚’100～300msã»ã©ã§ç”Ÿæˆã—ã¦ãƒ–ラウザã«è»¢é€ã§ããŸã¨ã—ã¦ã‚‚ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºãŒå®Œå…¨ã«å®Œäº†ã™ã‚‹ã®ã«4～5秒ã‹ã‹ã‚‹ã¨ã„ã†ã“ã¨ã‚‚çã—ãã‚ã‚Šã¾ã›ã‚“。 「ãªã‚“ã‹é…ã„ã‘ã©æ²¢å±±ã„ã‚ã„ã‚èªã¿è¾¼ã‚“ã§ã‚‹ã‹ã‚‰ä»•æ–¹ãªã„ãªãƒ»ãƒ»ãƒ»ã€ã¨è«¦ã‚ãªã„ã§ãã ã•ã„。ブラウザãŒã©ã®ã‚ˆã†ã«HTMLを解釈ã—ã¦ã€CS
![フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘フォーマンスを徹底解説ï¼ãƒ–ラウザã®æ°—æŒã¡ã§ç†è§£ã™ã‚‹HTML/Javascript/CSSã®è©± | Raccoon Tech Blog [æ ªå¼ä¼šç¤¾ãƒ©ã‚¯ãƒ¼ãƒ³ãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ 技術戦略部ブãƒã‚°]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e392d4350342045b699dea4e2a6421740d16647/height=288;version=1;width=512/https%3A%2F%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2018%2F04%2Fphoto_47592_20151013_min.jpg)
ãã‚ãã‚真é¢ç›®ã«ã€HTMLã§å¸³ç¥¨ã‚’æã話をã—よã†ã‹ - Qiita
{{#tags}}- {{label}}
{{/tags}}