Webページ高速化ã«å¿…é ˆã®çŸ¥è˜ï¼ãƒ–ラウザãŒWebページをã©ã®ã‚ˆã†ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã„ã‚‹ã‹ã€å›³ã‚’用ã„ã¦è§£èª¬ãƒ–ラウザãŒWebページをã©ã®ã‚ˆã†ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã„ã‚‹ã‹ã€å›³ã‚’用ã„ã¦ã‚„ã•ã—ã解説ã—ãŸè¨˜äº‹ã‚’紹介ã—ã¾ã™ã€‚ レンダリングã®ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚‹ã“ã¨ã§ã€HTMLã‚„CSSã‚„JavaScriptãªã©å®Ÿè£…時ã«ã‚‚æ°—ã‚’ã¤ã‘る点ãŒã‚ã‚Šã¾ã™ã€‚ How the browser renders a web page by James Starkie 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. HTMLã®è§£æžï¼ˆãƒ‘ース）を開始ã™ã‚‹ 2. 外部リソースをå–å¾—ã™ã‚‹ 3. CSSを解æžã—ã€CSSOMを構築ã™ã‚‹ 4. JavaScriptを実行ã™ã‚‹ 5. DOMã¨CSSOMをマージã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ„リーを構築ã™ã‚‹ 6. レイアウトã¨ãƒšã‚¤ãƒ³ãƒˆã‚’計算ã™ã‚‹ ã¯ã˜ã‚ã« ç§ã®è€ƒãˆã¨ã—ã¦ã¯ã€é«˜é€Ÿã§ä¿¡é ¼æ€§ã®é«˜ã„Webサイトを構築ã™ã‚‹ã«ã¯ã€å®Ÿè£…ä¸ã«å„ステップを最é©
Archived MSDN and TechNet Blogs
{{#tags}}- {{label}}
{{/tags}}