レンダリング ツリーã®æ§‹ç¯‰ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒšã‚¤ãƒ³ãƒˆ  | Articles  | web.devレンダリング ツリーã®æ§‹ç¯‰ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒšã‚¤ãƒ³ãƒˆ コレクションã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç† å¿…è¦ã«å¿œã˜ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¿å˜ã¨åˆ†é¡žã‚’è¡Œã„ã¾ã™ã€‚ 公開日: 2014 å¹´ 3 月 31 æ—¥ CSSOM ツリー㨠DOM ツリーを組ã¿åˆã‚ã›ãŸã‚‚ã®ãŒãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° ツリーã«å«ã¾ã‚Œã¾ã™ã€‚レンダリング ツリーã¯ã€å„表示è¦ç´ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’計算ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã•ã‚Œã€ç”»é¢ã«ãƒ”クセルをレンダリングã™ã‚‹ãƒšã‚¤ãƒ³ãƒˆå‡¦ç†ã®å…¥åŠ›ã«ãªã‚Šã¾ã™ã€‚レンダリングã®ãƒ‘フォーマンスを最é©åŒ–ã™ã‚‹ã«ã¯ã€ã“れらã®å„ステップを最é©åŒ–ã™ã‚‹ã“ã¨ãŒå¿…é ˆã§ã™ã€‚ オブジェクト モデルã®æ§‹ç¯‰ã«ã¤ã„ã¦èª¬æ˜Žã—ãŸå‰ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã§ã¯ã€HTML 㨠CSS ã®å…¥åŠ›ã‚’ベース㫠DOM ツリー㨠CSSOM ツリーを構築ã—ã¾ã—ãŸã€‚ãŸã ã—ã€ä¸¡è€…ã¯ãƒ‰ã‚ュメントを別々ã®å´é¢ã‹ã‚‰æ‰ãˆãŸç‹¬ç«‹ã—ãŸã‚ªãƒ–ジェクトã§ã™ã€‚一方ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を記述ã—ã€ã‚‚ã†ä¸€æ–¹ã¯ãƒ‰ã‚ュメントã«é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ãƒ«ãƒ¼ãƒ«ã‚’記述ã—
WebPlatform.org — Your Web, documented
å›ã¯3ã¤ã®ãƒªãƒãƒ¼ãƒ‰ã‚’知ã£ã¦ã„ã‚‹ã‹ï¼Ÿ - os0x.blog
{{#tags}}- {{label}}
{{/tags}}