Reflows & Repaints: CSS Performance making your JavaScript slow? – Nicole Sullivan
Reflows & Repaints: CSS Performance making your JavaScript slow? I’ve been tweeting and posting to delicious about reflows and repaints, but hadn’t mentioned either in a talk or blog post yet. I first started thinking about reflows and repaints after a firey exchange with Mr. Glazman at ParisWeb. I may be stubborn, but I did actually listen to his arguments. 🙂 Stoyan and I began discussing wa
Webã®è² è·ãƒ†ã‚¹ãƒˆã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ | OSDN Magazine
WebアプリケーションãŠã‚ˆã³ã‚µãƒ¼ãƒã®é«˜è² è·æ™‚ã®æŒ™å‹•ã‚’確èªã™ã‚‹æ–¹æ³•ã®1ã¤ãŒã€æ“¬ä¼¼çš„ã«è² è·ã‚’ã‹ã‘ã¦ãƒ†ã‚¹ãƒˆã‚’è¡Œã†ã“ã¨ã 。ã“ã“ã§ã¯ã€ãã†ã—ãŸãƒ†ã‚¹ãƒˆã‚’実施ã™ã‚‹ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ã„ãã¤ã‹è©¦ã—ã€ãã‚Œãžã‚ŒãŒã©ã‚“ãªã‚¿ã‚¤ãƒ—ã®ã‚µã‚¤ãƒˆã«é©ã—ã¦ã„ã‚‹ã‹ã‚’調ã¹ãŸã€‚ è² è·ãƒ†ã‚¹ãƒˆç”¨ã®ãƒ„ールã¯ã„ã‚ã„ã‚ã‚ã‚‹ãŒã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒè¡Œã‚ã‚Œã¦ã„ãªã„ã‚‚ã®ã€ãƒ•ãƒªãƒ¼ã§ãªã„ã‚‚ã®ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ‰‹é †ãŒæ˜Žç¢ºã§ãªã„ã‚‚ã®ã‚’除ãã¨ã€curl-loaderã€httperfã€Siegeã€Tsungã€Apache JMeterã®5ã¤ãŒå€™è£œã¨ã—ã¦æ®‹ã‚‹ã€‚ JMeterã«ã¤ã„ã¦ã¯ã€ã™ã§ã«Daniel Rubioæ°ãŒå–り上ã’ã¦ã„ã‚‹ã®ã§ã€ã“ã“ã§ã¯è©³ã—ã説明ã—ãªã„。ãŸã ã—ã€æœ€å¾Œã®ã¾ã¨ã‚ã§ã»ã‹ã®ãƒ„ールã¨å…±ã«ç°¡å˜ã«è§¦ã‚Œã¦ã„る。 curl-loader curl-loaderã¯ã€ã€ŒSpirentã®Avalancheã‚„IXIAã®IxLoadã®ä»£æ›¿ã¨ã—ã¦ä½¿ãˆã‚‹å¼·åŠ›ã‹ã¤æŸ”軟ãªã‚ªãƒ¼ãƒ—ン
å €æ„šéœŠç‘ ã®æŒ‡æ‘˜ã§æ°—付ã„ãŸã€ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã®é™çš„ファイルã¨ã‹æƒ³åƒä»¥ä¸Šã«ã‚¢ãƒ¬ãªä»¶ : ã«ã½ãŸã‚“ç ”ç©¶æ‰€
id:HolyGrail (å €æ„šéœŠç‘ æ°) ã®ã€Œã¯ã¦ãªãƒ–ックマークãŒé‡ã„件ã«ã¤ã„ã¦ã€Page Detailerã¨ã„ã†ãƒ„ールを使ã£ã¦èª¿ã¹ã¦ã¿ã‚‹ - id:HolyGrailã¨id:HoryGrailã®åŒºåˆ¥ãŒã¤ã‹ãªã„日記ã€ã¨ã‹è¦‹ã¦ã¦ã€è‰²ã€…å•é¡Œç‚¹ãŒæŒ‡æ‘˜ã•ã‚Œã¦ã¦ã€ã†ã‚“ã€ã¾ããã†ã ãーã¨ã‹è‰²ã€…ã¨æ€ã„ã¤ã¤ã€YSlow ã¯ã€æœ‰ç”¨ãªãƒ„ールã§ã‚ã‚‹åé¢ã€æ¸›ç‚¹åŸºæº–ãŒå¿…ãšã—ã‚‚å…¨ã¦ã®ã‚µã‚¤ãƒˆã«é©åˆã—ãªã„ã¨ã„ã†ã‹ã€ãƒãƒƒã‚リ言ã£ã¦ã—ã¾ãˆã° Yahoo! Inc. 基準ã™ãŽã‚‹ã®ã§ã€éµœå‘‘ã¿ã«ã—éŽãŽã‚‹ã®ã‚‚ã©ã†ã‹ãªãƒ¼ã¨ã‹æ€ã£ã¦ãŸã€‚ ã§ã€æ°—ã«ãªã£ãŸã®ã¯ 13. Configure ETags ETagsã£ã¦ã„ã†ã®ã¯ã‚µãƒ¼ãƒä¸Šã®ãƒ•ã‚¡ã‚¤ãƒ«ã¨ãƒ–ラウザã®ã‚ャッシュãŒä¸€è‡´ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’検証ã™ã‚‹ãŸã‚ã®ã‚‚ã®ãªã®ã§ã™ãŒã€æ£ã—ã利用ã§ãã¦ã„ãªã„ã®ã§ã‚ã‚Œã°ã€ETagsã¯ç„¡é§„ãªã ã‘ãªã®ã§å–り除ã„ã¦ã‚„ã‚Šã¾ã—ょã†ã€ã¨ã„ã†é …ç›®ã§ã™ã€‚ http://s.hat
IEã§ã®ãƒ†ã‚ストノード走査ã®é«˜é€ŸåŒ– - os0x.blog
ã«é‡£ã‚‰ã‚Œã¦ã€‚ HatenaStar.js 1380 行目 テã‚ストノード走査 一番ã®ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã¯ã‚„ã¯ã‚Šã“ã“ã§ã™ã。IEãªã®ã§ã€ã“ã‚“ãªæ„Ÿã˜ã§ãƒ™ã‚¿ã«è¨ˆæ¸¬ã€‚ makeTextNodes: function(c) { if (c.textNodes || c.textNodePositions || c.documentText) return; if (Ten.Highlight.highlighted) Ten.Highlight.highlighted.hide(); c.textNodes = []; c.textNodePositions = []; var isIE = navigator.userAgent.indexOf('MSIE') != -1; var texts = []; var pos = 0; var st = new Date*1; (function(node,
ã¯ã¦ãªãƒ–ックマークãŒé‡ã„件ã«ã¤ã„ã¦ã€Page Detailerã¨ã„ã†ãƒ„ールを使ã£ã¦èª¿ã¹ã¦ã¿ã‚‹ - VTuberã«ãªã£ãŸãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®é‚ã®æ®‹æ»“
JavaScriptã®éƒ¨åˆ†ã¯ ã¨ã„ã†ã‚ã‘ã§id:amachangã«ä»»ã›ã¾ã—ょã†ã€‚ ã¨ã„ã†ã‚ã‘ã§ãれ以外ã®éƒ¨åˆ†ã§ã„ã£ãŸã„ã©ã“ãŒé‡ã„ã®ã‹ 何ãŒé‡ã„ã®ï¼Ÿã¨ã„ã†ã“ã¨ã§é‡ãŸã„箇所を分æžã—ã¦ã„ãã¾ã—ょã†ã€‚ IBM PageDetailer 解æžãƒ„ールã¨ã—ã¦IBM PageDtailerを利用ã—ã¾ã™ã€‚ alphaWorks Community 解説ã™ã‚‹ã‚ˆã‚Šã‚‚見ã¦ã‚‚らã†ã»ã†ãŒæ—©ã„ã¨æ€ã†ã®ã§ã•ã£ãã使ã£ã¦ã¿ã‚‹ã‚ˆã€‚ ã¡ãªã¿ã«ä¸Šè¨˜ã‚½ãƒ•ãƒˆã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã«ã¯IBMアカウント（無料）ãŒå¿…è¦ãªã®ã§ã€ä½¿ã„ãŸã„人ã¯ç™»éŒ²ã—よã†ï¼ http://b.hatena.ne.jp/HolyGrail/ ã®çµæžœ ã“ã‚“ãªæ„Ÿã˜ã®ã‚°ãƒ©ãƒ•ãŒå‡ºã¦ãã¾ã™ã€‚ ã§ã¯ã€è©³ç´°ã‚’見ã¦ã¿ã¾ã—ょã†ã€‚ ã“ã®ã‚°ãƒ©ãƒ•ã§ã™ãŒã€é•·ã„部分㌠http://b.hatena.ne.jp/HolyGrail/ ã®HTMLãã®ã‚‚ã®ã®ãƒãƒ¼ãƒ‰æ™‚é–“ã«ãªã£ã¦ã„ã¾ã™ã€‚ 内訳ã¨ã—ã¦ã¯ 濃ã„
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://ruby-prof.rubyforge.org/
BMC Software - Business Runs on IT
{{#tags}}- {{label}}
{{/tags}}