JavaScript・jQueryã®æ”¹ä¿®ãƒ»é«˜é€ŸåŒ–ã®ãŸã‚ã®ãƒ¡ãƒ¢ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Dockerã¯é€Ÿã„ã®ã‹ï¼ŸDockerã®ãƒ‘フォーマンスã«ã¤ã„ã¦é‡è¦ãªã“ã¨ã¯ä½•ã‹ï¼Ÿ - ゆã†ã†ãブãƒã‚°
ã ã„ã¶å‰ã‹ã‚‰Docker（Linuxコンテナ）ã®ãƒ‘フォーマンスã«ã¤ã„ã¦ã€é€Ÿã„ã“ã¨ã¯é€Ÿã„ã ã‚ã†ã‘ã©ã©ã®ç¨‹åº¦é€Ÿã„ã®ã‹ã€ã‚‚ã—é…ã„ã“ã¨ãŒã‚ã‚‹ãªã‚‰ä½•ãŒãƒ‘フォーマンスã«ã¨ã£ã¦é‡è¦ãªã®ã‹ï¼ˆAUFSãŒé…ã„ã¨ã‹ãã†ã„ã†ã®ï¼‰ãŒæ°—ã«ãªã£ã¦ã„ãŸã®ã§ã€ä»Šå›žã¯ ã§ç´¹ä»‹ã•ã‚Œã¦ã„㟠Docker ã®ãƒ‘フォーマンス検証ã«é–¢ã™ã‚‹ IBM ã® Research Report ã‚’èªã‚“ã 。Report ã®å†…容をベースã«ã€Docker ã®ãƒ‘フォーマンスã®å‹˜æ‰€ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ Report ã®ã‚¿ã‚¤ãƒˆãƒ«ã¯ An Updated Performance Comparison of Virtual Machines and Linux Containers 。 GitHub ã«ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã‚³ãƒ¼ãƒ‰ã¨å®Ÿé¨“データãŒç½®ã„ã¦ã‚ã£ã¦ã¡ã‚ƒã‚“ã¨ã—ã¦ã‚‹ã€‚ å‰æ ã¾ãšã€VMã¨ã‚³ãƒ³ãƒ†ãƒŠã®æ´å²ã‚’振り返るã®ã«çŸ¥ã‚‰ã¬ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ¥ã€‚今ã•ã‚‰èžã‘ãªã„ã€ã‚³ãƒ³ãƒ†ãƒŠ/仮想
モãƒã‚™ã‚¤ãƒ«æ™‚代ã®Webãƒã‚šãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
2. Who? å‰å· å¾¹ / Toru Yoshikawa @yoshikawa_̲t html5j 代表ï¼html5jビギナー部 (副部⻑⾧長) Google Developer Experts (Chrome) HTML5 Experts.jp エã‚スパート Web先端技術味⾒見見部 (顧å•)ï¼â½‡æ—¥æœ¬jQuery Mobileユーザー会 (管ç†ï§¤â¼ˆäºº)ï¼Sublime Text 2 Japan Users Group (管ç†ï§¤â¼ˆäºº)ãªã© ãªã© Blog: http://d.hatena.ne.jp/pikotea/
Steady.js
Steady.js A jank-free module to do logic on the onscroll event without performance regressions in @media-query like conditions. Get Started Install Star on Github How does it work? Steady's main goal is to make the user scrolling jank-free. Below is an explaination on how Steady is working under the hood: First, Steady attaches a handler to the onscroll event, that excutes the trackers (collecting
DOMæ“作ã®æœ€é©åŒ–ã«ã‚ˆã‚‹JavaScriptãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ï¼ˆå‰ç·¨ï¼‰
連載「Webサイト・アプリ高速化テクニック徹底解説ã€ã®ç¬¬4回ã¯ã€JavaScriptã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ã†ã¡ã€ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã‚Šã‚„ã™ã„DOMæ“作ã®æœ€é©åŒ–ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚å‰ç·¨ãƒ»å¾Œç·¨ã«ã‚ãŸã£ã¦ã€DOMæ“作ãŒé…ããªã‚‹åŽŸå› ã¨ä»•çµ„ã¿ã€ãã®è§£æ±ºç–ã«ã¤ã„ã¦è©³ã—ã解説ã—ã¾ã™ã€‚ CodeIQã¨ã®é€£å‹•ä¼ç”»ï¼ ã“ã®è¨˜äº‹ã§å¦ã¹ã‚‹JavaScriptãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã€å®Ÿéš›ã«CodeIQã®å•é¡Œã§è©¦ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚‚ã†æ—¢ã«è‡ªä¿¡ãŒã‚ã‚‹æ–¹ã¯è…•è©¦ã—ã«ã€ã‚‚ã—ãã¯ç†è§£åº¦ãƒã‚§ãƒƒã‚¯ã®ãŸã‚ã®å¾©ç¿’ã¨ã—ã¦æ˜¯éžã”活用ãã ã•ã„ï¼ã“ã¡ã‚‰ã‹ã‚‰å•é¡Œã«ãƒãƒ£ãƒ¬ãƒ³ã‚¸ï¼ DOM（Document Object Model）ã¨ã¯ã€HTMLをアプリケーション（ã“ã“ã§ã¯JavaScript）ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ãŸã‚ã®APIã§ã™ã€‚JavaScriptã«ã‚ˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®æ§‹ç¯‰ã‚„レスãƒãƒ³ã‚¹ã®è¡¨ç¤ºãªã©ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªéƒ¨åˆ†ã¯ã»ã¨ã‚“ã©ãŒDOMæ“作ã«ã‚ˆã‚‹ã‚‚
Enough with the JavaScript already!
After consulting with several companies on performance related issues, it became clear that one of the biggest performance issues facing websites today is the sheer amount of JavaScript needed to power the page. The demand for more interactive and responsive applications has driven JavaScript usage through the roof. It’s quite common for large sites to end up with over 1 MB of JavaScript code on t
WebSocketãŒä¸€ç•ªé€Ÿã„アプリケーションサーãƒã¯ã©ã‚Œã ？
WebSocketãŒä¸€ç•ªé€Ÿã„アプリケーションサーãƒã¯ã©ã‚Œã ？：Tomcatã€Jettyã€Socket.IOï¼Node.js性能比較（1/3 ページ） ã¯ã˜ã‚ã« 2012å¹´ã®10月ã«Windows 8ãŒç™ºå£²ã•ã‚Œã€ãã“ã«æ載ã•ã‚ŒãŸInternet Explorer（以下ã€IE） 10ã§ã¯HTML5ã®æ©Ÿèƒ½ãŒåˆ©ç”¨ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ã¾ãŸã€2013å¹´ã®2月ã«Windows 7版ã®IE 10もリリースã•ã‚Œå¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒHTML5ã®æ©æµã‚’å—ã‘られるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ HTML5ã®æ©Ÿèƒ½ã®å¤šãã¯ã€Webブラウザå´ã§å®Ÿè£…ã•ã‚Œã‚Œã°ã€HTMLã‚„CSSã‚’é©åˆ‡ã«è¨˜è¿°ã™ã‚‹ã“ã¨ã§åˆ©ç”¨ãŒå¯èƒ½ã§ã™ã€‚ã—ã‹ã—ã€ä»Šå›žå–り上ã’ã‚‹WebSocketã¯ã‚µãƒ¼ãƒå´ã§ã‚‚機能ã®å®Ÿè£…ãŒå¿…è¦ã§ã™ã€‚ã“ã®ãŸã‚ã€WebSocketを利用ã™ã‚‹å ´åˆã¯Webブラウザã ã‘ã§ã¯ãªãサーãƒã‚’é¸ã¶å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ WebSocketãã®ã‚‚ã®ã®æŠ€è¡“çš„ãªè§£èª¬ã¯ã€ä»¥ä¸‹
Cacoo - Web上ã§å›³ã®ä½œæˆã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ コラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Framework Benchmarks Round 1 – TechEmpower
How much does your framework choice affect performance? The answer may surprise you. Authors’ Note: We’re using the word “framework†loosely to refer to platforms, micro-frameworks, and full-stack frameworks. We have our own personal favorites among these frameworks, but we’ve tried our best to give each a fair shot. Show me the winners! We know you’re curious (we were too!) so here is a chart of
Webサイト高速化ã«å¿…è¦ãªHTTPã®ä»•çµ„ã¿ã‚’ç†è§£ã™ã‚‹ （1/4）：CodeZine
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰æ ªå¼ä¼šç¤¾ã§Webを担当ã—ã¦ã„る野ä¸ã§ã™ã€‚ã“ã‚Œã‹ã‚‰èº«ã«ã¤ã‘ã‚‹Webサイト高速化テクニック第2回目ã§ã™ã€‚ 第1回ã®ã€ŒWebサイト高速化対ç–ã®ç¾çŠ¶ã€ã¯èªã‚“ã§ã„ãŸã ã‘ã¾ã—ãŸã‹ï¼Ÿã€ŒWebサイト高速化対ç–ã®ç¾çŠ¶ã€ã§ã¯é«˜é€ŸåŒ–対ç–ãŒãªãœå¿…è¦ãªã®ã‹ã‚’紹介ã—ã¦ã„ã‚‹ã®ã§ã€ã“ã®å›žã‚’èªã‚€å‰ã«ãœã²èªã‚“ã§ãŠã„ã¦ãã ã•ã„。 今回ã¯ã€Webサイトã®é«˜é€ŸåŒ–ã«å¤§ãã関係ã™ã‚‹HTTPã«ã¤ã„ã¦å¾©ç¿’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚高速化対ç–ã¨è¨€ã£ã¦ã‚‚WebサイトãŒé…延ã™ã‚‹åŽŸå› ã¯ã•ã¾ã–ã¾ã§ã™ã€‚ èªã¿è¾¼ã‚€ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå¤šã„ã“ã¨ã‚„サーãƒãƒ¼å´ã®å‡¦ç†ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ã€ã¾ãŸã¯ã‚¨ãƒ³ãƒ‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã—ã¦ã„ã‚‹ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãŒåŽŸå› ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã¨ã“ã‚ãŒåŽŸå› を探ã£ã¦ã„ãã¨ã€WebサイトãŒé…ããªã£ã¦ã—ã¾ã†è¦å› ã®å¤šãã«HTTPãŒé–¢ä¿‚ã—ã¦ã„ã¾ã™ã€‚ 実際ã®é«˜é€ŸåŒ–手法も大事ã§ã™ãŒã€äº‹å‰çŸ¥è˜ã¨ã—ã¦HTTPã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠãã¾ã—ょã†ã€‚ 対象èª
1216彩票-官网平å°
您ä¸å…·å¤‡ä½¿ç”¨æ‰€æ供的å‡æ®æŸ¥çœ‹è¯¥ç›®å½•æˆ–页的æƒé™ã€‚ 请å°è¯•ä»¥ä¸‹æ“作： 如果您认为自己应该能够查看该目录或页é¢ï¼Œè¯·ä¸Žç½‘站管ç†å‘˜è”系。 å•å‡»åˆ·æ–° 按钮，并使用其他å‡æ®é‡è¯•ã€‚ HTTP 错误 401.1 - 未ç»æŽˆæƒï¼šè®¿é—®ç”±äºŽå‡æ®æ— 效被拒ç»ã€‚ Internet ä¿¡æ¯æœåŠ¡ (IIS) 技术信æ¯ï¼ˆä¸ºæŠ€æœ¯æ”¯æŒäººå‘˜æ供） 转到 Microsoft 产å“支æŒæœåŠ¡ 并æœç´¢åŒ…括“HTTP â€å’Œâ€œ401 â€çš„æ ‡é¢˜ã€‚ 打开“IIS 帮助â€ï¼ˆå¯åœ¨ IIS 管ç†å™¨ (inetmgr) ä¸è®¿é—®ï¼‰ï¼Œç„¶åŽæœç´¢æ ‡é¢˜ä¸ºâ€œèº«ä»½éªŒè¯â€ã€â€œè®¿é—®æŽ§åˆ¶â€å’Œâ€œå…³äºŽè‡ªå®šä¹‰é”™è¯¯æ¶ˆæ¯â€çš„主题。
インストールã™ã‚‹ã ã‘! ãŠæ‰‹è»½ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ツールGoogle mod_pagespeedã¯ã‚¹ã‚´ã‹ã£ãŸ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
ã©ã‚Œãらã„スゴã„ã‹ã¨ã„ã†ã¨ã€ã€Œã‚µãƒ¼ãƒãƒ¼ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã ã‘ã§ã€ã‚ã¨ã¯è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¡ã‚‡ã¡ã‚‡ã£ã¨ã„ã˜ã‚Œã°ã€ã‹ãªã‚Šé«˜é€ŸåŒ–ã§ãã¡ã‚ƒã†ã€ã¨ã„ã†ãらã„スゴã„ã®ã§ã™ã€‚ã—ã‹ã‚‚ã€ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ã€ã©ã‚“ãªCMSを使ã£ã¦ã„ã¦ã‚‚「インストールã™ã‚‹ã ã‘ã€ã€‚ Webサイトを高速化ã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å„ªã—ã„ã—ã€å ´åˆã«ã‚ˆã£ã¦ã¯æ¤œç´¢çµæžœã§ã®é †ä½ã«ã‚‚良ã„影響ãŒå‡ºã‚‹ã‹ã‚‚ã—ã‚Œãªã„……ãã‚Œã¯ã‚ã‹ã£ã¦ã„ã¦ã‚‚ã€ãªã‹ãªã‹æœ¬æ ¼çš„ã«ã‚µã‚¤ãƒˆã‚’高速化ã™ã‚‹ã®ã¯é›£ã—ã„ã‚‚ã®ã§ã™ã€‚ サーãƒãƒ¼å´ã®é«˜é€ŸåŒ–ã«åŠ ãˆã¦ã€HTMLã®ã¤ãã‚Šã‚„ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºæœ€é©åŒ–ã€ã•ã‚‰ã«ã¯CSSを調整ã—ã¦ã®ç”»åƒã‚¹ãƒ—ライト化やCSS/JSファイルã®çµåˆãƒ»æœ€é©åŒ–ã«ã‚ˆã‚‹ãƒ–ラウザã¨ã‚µãƒ¼ãƒãƒ¼ã®é€šä¿¡æœ¬æ•°å‰Šæ¸›ãªã©ãªã©ã€å®Ÿã¯ã‚„らãªãゃã„ã‘ãªã„ã“ã¨ãŒãŸãã•ã‚“。 グーグルã®æä¾›ã™ã‚‹mod_pagespeedã¯ã€ãã†ã—ãŸã“ã¨ã®ã€ã‹ãªã‚Šã®éƒ¨åˆ†ã‚’自動的ã«è¡Œã†ã‚‚ã®ã§ã™ã€‚ mod_pagespeedã¯ã“ã‚“
Webアプリケーションを高速化ã™ã‚‹50ã®ãƒˆãƒªãƒƒã‚¯
Microsoftã®Internet Explorer PMã§ã‚ã‚‹Jatinder Mannæ°ã¯ã€BUILD 2012ã§HTML5アプリã¨ã‚µã‚¤ãƒˆã‚’高速化ã™ã‚‹50ã®ãƒ‘フォーマンストリックã¨ã„ã†ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã€Webアプリケーションを高速化ã™ã‚‹å¤šãã®ãƒãƒƒãƒ—スをæä¾›ã—ãŸã€‚ Mannæ°ãŒæä¾›ã—ãŸã‚¢ãƒ‰ãƒã‚¤ã‚¹ã¯ã€ä»¥ä¸‹ã®6ã¤ã®åŽŸå‰‡ã‚’ä¸å¿ƒã«æ§‹æˆã•ã‚Œã¦ã„ãŸã€‚ 1. ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆã«è¿…速ã«å¿œç”ã™ã‚‹ リダイレクトをé¿ã‘る。上ä½1,000ã®Webサイトã®ã†ã¡63%ã¯ã€ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’使用ã—ã¦ã„る。ã“れらã¯ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’ã‚„ã‚ã‚‹ã“ã¨ã«ã‚ˆã£ã¦10%ã®ãƒ‘フォーマンスを改善ã™ã‚‹ã“ã¨ãŒã§ãる。 メタリフレッシュをé¿ã‘る。世界ã®URLã®ã†ã¡14%ã¯ã€ãƒ¡ã‚¿ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚’使ã£ã¦ã„る。 å¯èƒ½ãªé™ã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¿‘ãã«ã‚ã‚‹CDNを使用ã—ã¦ã‚µãƒ¼ãƒãƒ¼ã®å¿œç”時間を最å°åŒ–ã™ã‚‹ã€‚ ç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³ã‹ã‚‰ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’ダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€åŒæ™‚
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://hyperdex.org/performance/
{{#tags}}- {{label}}
{{/tags}}