JavaScriptã§ã®DOMæ“作ã¯é‡ã„ã®ã‹ã¨ã„ã†è©±ã¨Forced Synchronous Layoutã«ã¤ã„㦠- id:anatooã®ãƒ–ãƒã‚°2015å¹´ã«ã‚‚ãªã‚‹ã®ã«JavaScriptã§ã®DOMæ“作ã®ãƒ‘フォーマンスã«ã¤ã„ã¦æ›¸ã。ウェブページã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’æŒãŸã›ãŸã„時ã«ã€JavaScriptã§DOMæ“作を行ã†ã“ã¨ãŒã‚ˆãã‚る。ã“ã®DOMæ“作ã®ãƒ‘フォーマンスã«ã¤ã„ã¦ã€ã‚ˆãèžãæ„見を大別ã™ã‚‹ã¨æ¬¡ã®2ã¤ãŒã‚る。 JavaScriptã«ã‚ˆã‚‹DOMæ“作ã¯é‡ãŸã„ レンダリングãŒé‡ã„ã ã‘ã§ã€DOMæ“作ãã®ã‚‚ã®ã¯ãã‚Œã»ã©é‡ãŸããªã„ JavaScriptã§ã‚ªãƒ–ジェクトã®ãƒ—ãƒãƒ‘ティをæ“作ã—ãŸã‚Šã™ã‚‹å˜ä½“ã®å‡¦ç†ã¯é€šå¸¸1ミリ秒もã‹ã‹ã‚‰ãªã„ãŒã€DOMæ“作をã™ã‚‹ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå®Œäº†ã™ã‚‹ã¾ã§ã«æ•°åミリ秒程度ã‹ã‹ã£ãŸã‚Šã™ã‚‹å ´åˆãŒã‚る。1番目ã®DOMæ“作ãŒé‡ãŸã„ã¨è¨€ã£ã¦ã„る人ã¯çµŒé¨“則的ã«ãã†è¨€ã£ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„。 レンダリングã®ä»•çµ„ã¿ã‚’知ã£ã¦ã„る人ã¯2番目ã®æ„見を言ã†ãŒã€é‡ç®±ã®éš…ã‚’ã¤ã¤ãよã†ãªè©±ã‚’ã™ã‚‹ã¨ã“れも必ãšã—ã‚‚æ£ã—ã„ã‚ã‘ã§ã¯ãªã„。DOMæ“作ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã«ã‚ˆã£
ウェブパフォーマンスã®åŸºç¤Žã¨ã“ã‚Œã‹ã‚‰
ソーシャルメディアã®èªã¿è¾¼ã¿ã¯DNSプリフェッãƒã®ã¾ã¨ã‚è¨å®šãŒãŠå¾— | ゆã£ãã‚Šã¨â€¦
Web Frontend Performance Tuning TIPS *n
スマホå‘ã‘Webアプリ開発ã§ä½¿ãˆã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é«˜é€ŸåŒ–手法
HTTPリクエストを減らã™ãŸã‚ã«ã€åºç« 】HTTPリクエストã¯ç”˜ãˆ - MOL
Cacoo - Web上ã§å›³ã®ä½œæˆã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ コラボレーション
{{#tags}}- {{label}}
{{/tags}}