[B! tips][performance] kzms2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kzms2 id:kzms2

tipsã¨performanceã«é–¢ã™ã‚‹kzms2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

JavaScriptã§ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’ãƒŸãƒªç§’å˜ä½ã§ç°¡æ˜“è¨ˆæ¸¬ã™ã‚‹ - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸
Webãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’è¨ˆæ¸¬ã™ã‚‹æ–¹æ³•ã‚’èª¿ã¹ã¦ã„ãŸã‚‰ã€JavaScriptã§ç°¡å˜ã«è¨ˆæ¸¬ã™ã‚‹æ–¹æ³•ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã€‚ ãƒšãƒ¼ã‚¸æ§‹ç¯‰ï¼ˆbodyã‚¿ã‚°å†…ï¼‰ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ï¼ˆãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºæ™‚é–“ï¼‰ã‚’è¨ˆæ¸¬ã™ã‚‹ã«ã¯ã€ãƒšãƒ¼ã‚¸æ§‹ç¯‰å‰ã®ãƒŸãƒªç§’ã‚’å¤‰æ•°ã«å…¥ã‚Œã¾ã™ã€‚ãƒšãƒ¼ã‚¸ãŒæ§‹ç¯‰ã—çµ‚ã‚ã£ãŸã‚‰ onLoadã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã™ã‚‹ã®ã§ã€ãã®æ™‚ç‚¹ã§ã®ãƒŸãƒªç§’ã¨æ§‹ç¯‰å‰ã®ãƒŸãƒªç§’ã®å·®åˆ†ã‚’å–ã‚Œã°ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’æ±‚ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ï¼ˆä¸ç•¥ï¼‰ ã„ãã‚‰ã‹ã®èª¤å·®ãŒç™ºç”Ÿã—ã¾ã™ã€‚ã¾ãŸã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥çŠ¶æ³ã«ã‚ˆã£ã¦ã‚‚ç•°ãªã‚Šã¾ã™ã®ã§ã€è¨ˆæ¸¬ã™ã‚‹å ´åˆã«ã¯ã‚ãƒ£ãƒƒã‚·ãƒ¥ãªã©ã‚’æ¶ˆã—ã¦ãŠããªã©ã®å¯¾å‡¦ãŒå¿…è¦ã§ã™ã€‚ ãƒšãƒ¼ã‚¸æ§‹ç¯‰ã«ã‹ã‹ã‚‹æ™‚é–“ã‚’è¨ˆæ¸¬ã™ã‚‹ JavaScriptã§ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’è¨ˆæ¸¬ã™ã‚‹ ã“ã‚“ãªæ„Ÿã˜ã§ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒèªã¿è¾¼ã¾ã‚ŒãŸã‚‰ãã®ã¨ãã®æ™‚é–“ã‚’ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°startã«å…¥ã‚Œã¾ã™ã€‚ãã—ã¦ã€document.bodyãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸã‚‰ã€ãã®ã¨ãã®
kzms2 2012/01/05
javascriptã‚’ç”¨ã„ãŸæ™‚é–“è¨ˆæ¸¬ã®æ–¹æ³•ã‚„æ³¨æ„ç‚¹

document

Javascript

TIPS

performance
ãƒªãƒ³ã‚¯
ç¬¬30å›žã€€JavaScriptã®å‹•ä½œã‚’è»½ãã™ã‚‹ãŸã‚ã®å·¥å¤«ï¼šITpro
ä»Šå›žã¯JavaScriptã¨Webãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºãƒ»æ“ä½œã®ä½“æ„Ÿé€Ÿåº¦ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ã¨ã„ã†ã®ã¯ï¼ŒJavaScriptã®ã›ã„ã§Webãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚„æ“ä½œãªã©ã®é€Ÿåº¦ãŒé…ããªã£ã¦ã„ã‚‹ï¼Œã¨æ„Ÿã˜ã‚‹ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ ç¾åœ¨ã®Webã‚µã‚¤ãƒˆã§ã¯ï¼ŒJavaScriptã‚’ä½¿ã£ã¦ä½¿ã„å‹æ‰‹ã‚’å‘ä¸Šã™ã‚‹ã“ã¨ã¯ï¼Œã”ãå½“ãŸã‚Šå‰ã«è¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ä¾‹ãˆã°ï¼Œå‹•çš„ã«ãƒšãƒ¼ã‚¸ã‚’æ›¸ãæ›ãˆãŸã‚Šï¼Œãƒšãƒ¼ã‚¸é·ç§»ã‚’è¡Œã‚ãšã«ã‚µãƒ¼ãƒãƒ¼ã¨é€šä¿¡ã‚’è¡Œã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã—ãŸã‚Šã¨ï¼ŒJavaScriptã‚’ä½¿ã†ã“ã¨ã§ï¼ŒWebã‚µã‚¤ãƒˆã‚’ã‚ˆã‚Šä¾¿åˆ©ã«ï¼Œã‚ˆã‚Šä½¿ã„ã‚„ã™ãã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Ajaxã¨ã„ã†è¨€è‘‰ãŒã¯ã‚„ã£ã¦ã‹ã‚‰ï¼Œã‚‚ã†2å¹´ä»¥ä¸ŠãŒãŸã¤ã‚“ã§ã™ã‚ˆãã€‚ä½•å¹´ã‹å‰ï¼ŒJavaScriptã¯ã˜ã‚ƒã¾ã§ï¼Œã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚’ä½Žä¸‹ã•ã›ã‚‹ä¸è¦ãªã‚‚ã®ã ã¨è¦‹ãªã•ã‚Œã¦ã„ãŸé ƒãŒã‚ã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ãã‚Œã‹ã‚‰ä¸€å¤‰ã—ã¦ï¼Œã€ŒJavaScriptã‚’ãŒã‚“ãŒã‚“ä½¿ã£ã¦ã‚‚ã„ã„ã€ã¨ã„ã†ç©ºæ°—ã«ãªã£ãŸã“ã¨ã§ï¼ŒWebã‚µã‚¤ãƒˆã‚’ä½œæˆã™
kzms2 2010/03/05
DOMContentLoadedã«ã¤ã„ã¦

javascript

Programming

tips

performance
ãƒªãƒ³ã‚¯
EfficientJavaScript - Dev.Opera - åŠ¹çŽ‡çš„ãª JavaScript
EfficientJavaScript - Dev.Opera - åŠ¹çŽ‡çš„ãª JavaScript ç›®æ¬¡ ã“ã®æ–‡æ›¸ã«ã¤ã„ã¦ åŠ¹çŽ‡çš„ãª JavaScript ECMAScript eval ã‚„ Function ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã‚’ä½¿ã†ã®ã¯ã‚„ã‚ã‚ˆã† eval ã‚’æ›¸ãæ›ãˆã‚ˆã† é–¢æ•°ã‚’ä½¿ã„ãŸã„ãªã‚‰ function ã‚’ä½¿ãŠã† with ã‚’ä½¿ã†ã®ã¯ã‚„ã‚ã‚ˆã† æ€§èƒ½ã‚’æ±ºã‚ã‚‹é–¢æ•°ã§ try-catch-finally ã‚’ä½¿ã†ã®ã¯ã‚„ã‚ã‚ˆã† eval ã¨ with ã¯éš”é›¢ã—ã‚ˆã† ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã‚’ä½¿ã†ã®ã¯ã‚„ã‚ã‚ˆã† æš—é»™ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆå¤‰æ›ã«æ°—ã‚’ã¤ã‘ã‚ˆã† æ€§èƒ½ã‚’æ±ºã‚ã‚‹é–¢æ•°ã§ for-in ã‚’ä½¿ã†ã®ã¯ã‚„ã‚ã‚ˆã† æ–‡å—åˆ—ã¯ç´¯ç©ã‚¹ã‚¿ã‚¤ãƒ«ã§ä½¿ãŠã† ãƒ—ãƒªãƒŸãƒ†ã‚£ãƒ–ã®æ“ä½œã¯é–¢æ•°å‘¼ã³å‡ºã—ã‚ˆã‚Šé€Ÿã„ setTimeout() ã‚„ setInterval() ã«ã¯æ–‡å—åˆ—ã§ãªãé–¢æ•°ã‚’æ¸¡ãã† DOM å†æç”»ã¨å†ãƒ•ãƒãƒ¼ å†ãƒ•ãƒãƒ¼ã®å›žæ•°ã‚’ã§ã
kzms2 2010/02/15
åŠ¹çŽ‡çš„ã«JSã‚’æ›¸ãã«ã¯ï¼Ÿ

javascript

programming

reference

Tips

performance

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (9)

tipsã¨performanceã«é–¢ã™ã‚‹kzms2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ã€å®Œäº†ã€‘3æœˆ26æ—¥(æœ¨)15:00é ƒã‹ã‚‰30åˆ†ç¨‹åº¦ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŸã‚ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã‚’ã¤ã‘ã‚‰ã‚Œãªã„æ™‚é–“å¸¯ãŒç™ºç”Ÿã—ã¾ã™

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (9)

tipsã¨performanceã«é–¢ã™ã‚‹kzms2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

JavaScriptã§ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’ãƒŸãƒªç§’å˜ä½ã§ç°¡æ˜“è¨ˆæ¸¬ã™ã‚‹ - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸

ç¬¬30å›žã€€JavaScriptã®å‹•ä½œã‚’è»½ãã™ã‚‹ãŸã‚ã®å·¥å¤«ï¼šITpro

EfficientJavaScript - Dev.Opera - åŠ¹çŽ‡çš„ãª JavaScript

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (9)

tipsã¨performanceã«é–¢ã™ã‚‹kzms2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

JavaScriptã§ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’ãƒŸãƒªç§’å˜ä½ã§ç°¡æ˜“è¨ˆæ¸¬ã™ã‚‹ - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸

ç¬¬30å›žã€€JavaScriptã®å‹•ä½œã‚’è»½ãã™ã‚‹ãŸã‚ã®å·¥å¤«ï¼šITpro

EfficientJavaScript - Dev.Opera - åŠ¹çŽ‡çš„ãª JavaScript

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹