JavaScriptã§ã®DOMæ“作ã¯é‡ã„ã®ã‹ã¨ã„ã†è©±ã¨Forced Synchronous Layoutã«ã¤ã„㦠- id:anatooã®ãƒ–ãƒã‚°2015å¹´ã«ã‚‚ãªã‚‹ã®ã«JavaScriptã§ã®DOMæ“作ã®ãƒ‘フォーマンスã«ã¤ã„ã¦æ›¸ã。ウェブページã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’æŒãŸã›ãŸã„時ã«ã€JavaScriptã§DOMæ“作を行ã†ã“ã¨ãŒã‚ˆãã‚る。ã“ã®DOMæ“作ã®ãƒ‘フォーマンスã«ã¤ã„ã¦ã€ã‚ˆãèžãæ„見を大別ã™ã‚‹ã¨æ¬¡ã®2ã¤ãŒã‚る。 JavaScriptã«ã‚ˆã‚‹DOMæ“作ã¯é‡ãŸã„ レンダリングãŒé‡ã„ã ã‘ã§ã€DOMæ“作ãã®ã‚‚ã®ã¯ãã‚Œã»ã©é‡ãŸããªã„ JavaScriptã§ã‚ªãƒ–ジェクトã®ãƒ—ãƒãƒ‘ティをæ“作ã—ãŸã‚Šã™ã‚‹å˜ä½“ã®å‡¦ç†ã¯é€šå¸¸1ミリ秒もã‹ã‹ã‚‰ãªã„ãŒã€DOMæ“作をã™ã‚‹ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå®Œäº†ã™ã‚‹ã¾ã§ã«æ•°åミリ秒程度ã‹ã‹ã£ãŸã‚Šã™ã‚‹å ´åˆãŒã‚る。1番目ã®DOMæ“作ãŒé‡ãŸã„ã¨è¨€ã£ã¦ã„る人ã¯çµŒé¨“則的ã«ãã†è¨€ã£ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„。 レンダリングã®ä»•çµ„ã¿ã‚’知ã£ã¦ã„る人ã¯2番目ã®æ„見を言ã†ãŒã€é‡ç®±ã®éš…ã‚’ã¤ã¤ãよã†ãªè©±ã‚’ã™ã‚‹ã¨ã“れも必ãšã—ã‚‚æ£ã—ã„ã‚ã‘ã§ã¯ãªã„。DOMæ“作ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã«ã‚ˆã£
Kazuho's Weblog: ウェブページã®æç”» (first-paint) ã¾ã§ã®æ™‚間を測定ã™ã‚‹ãƒ„ールを作ã£ãŸä»¶ã€ã‚‚ã—ãã¯HTTP2時代ã®ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®è©±
Etsukata blog: FreakOut DSP å…¥æœã‚µãƒ¼ãƒã® CPU 使用率を 30% 削減ã™ã‚‹ Performance Tuning
PostgreSQLを本当ã«é«˜é€ŸåŒ–ã—ãŸã„人ã®ãŸã‚ã®10ã®ãƒã‚¤ãƒ³ãƒˆ | 独り言v6
Railsパフォーマンス基本ã®ã‚
nginxã®ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°
æ–°è‘—ãŒå‡ºã¾ã™ï¼šã€ŽSQL実践入門〠- ミックã®ãƒ–ãƒã‚°
ウェブパフォーマンスã®åŸºç¤Žã¨ã“ã‚Œã‹ã‚‰
パフォーマンスã®è¦³ç‚¹ã‹ã‚‰ã¿ã‚‹Dockerã®ä»•çµ„ã¿ã¨æ€§èƒ½æ¤œè¨¼ - ゆã†ã†ãブãƒã‚°
{{#tags}}- {{label}}
{{/tags}}