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

chott id:chott

performanceã«é–¢ã™ã‚‹chottã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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}}

ã“ã®1å¹´ã€Webã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã§å¤‰ã‚ã£ãŸã“ã¨ã¯ï¼Ÿâ”€â”€HTML5 Conference 2016
ã“ã®1å¹´ã€Webã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã§å¤‰ã‚ã£ãŸã“ã¨ã¯ï¼Ÿâ”€â”€HTML5 Conference 2016 å·ç”°å¯›ï¼ˆãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ãµã‚ã—ãã§ã™ã€‚HTML5 Conference 2016ã®å½“æ—¥ã¯ã€38åº¦è¿‘ãã®ç†±ãŒã‚ã‚Šã€ç™ºè¡¨æ™‚ã¯ã‚ã‚Œã¤ãŒå›žã£ã¦ã¾ã›ã‚“ã§ã—ãŸã€‚ã—ã‹ã—ã€ä¼ãˆãŸã„ã“ã¨ã¯ä¼ãˆã‚‰ã‚ŒãŸã¨æ€ã£ã¦ã„ã¾ã™ã€‚ãã®å†…å®¹ã¨ã¯â€¦ ã€Œã“ã®1å¹´ã§Webã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æŠ€è¡“ã«ã©ã‚“ãªå‹•ããŒã‚ã£ãŸã®ã‹ã€ ã¨ã„ã†ãƒ€ã‚¤ã‚¸ã‚§ã‚¹ãƒˆã€‚ã“ã“ã§è©±ã—ãŸ3ã¤ã®ãƒ†ãƒ¼ãƒžã«ã¤ã„ã¦ã€æœ¬è¨˜äº‹ã§ã‚‚ã”ç´¹ä»‹ã€‚ 1. ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå‡¦ç†ã‚’æ¸›ã‚‰ã™ HTML5ãŒãƒã‚¹ãƒ¯ãƒ¼ãƒ‰ã™ã‚‹ã‚ˆã‚Šã‚‚ãšã£ã¨å‰ã‹ã‚‰ã€CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ã¯ã”ãã”ãã‚ãŸã‚Šã¾ãˆã€‚JSãŒæ‰±ãˆãªã„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã£ã¦ã‚‚æ‰‹è»½ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã‚‹è‰¯ã„ä¸–ç•Œã«ãªã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ãã“ã«ã€ãƒ¢ãƒã‚¤ãƒ«ãŒå‡ºç¾ã—ãŸã“ã¨ã§ã€JSã ã‘ã§æº€è¶³ã¨ã„ã†äººãŸã¡ã‚‚CSSã®æ©Ÿèƒ½ã‚’æ´»ç”¨ã—ãªãã¦ã¯ã„ã‘ãªããªã‚Šã¾ã—ãŸã€‚ ãƒ¢
chott 2016/10/28
CSS

performance

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«Webã®UIã‚’é€Ÿãã™ã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‹ã‚‹â”€â”€Google I/O 2016 High Performance Web UI
ãƒ¢ãƒã‚¤ãƒ«Webã®UIã‚’é€Ÿãã™ã‚‹åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã‚ã‹ã‚‹â”€â”€Google I/O 2016 High Performance Web UI å·ç”°å¯›ï¼ˆãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ãµã‚ã—ãã§ã™ï¼ ç§ã¯HTML5 Experts.jpã§ã€éŽåŽ»2å¹´ã»ã©Google I/Oã®æƒ…å ±ã‚’ç™ºä¿¡ã—ã€WebæŠ€è¡“ã®å¤‰åŒ–ã«ã¤ã„ã¦ãŠä¼ãˆã—ã¦ãã¾ã—ãŸã€‚æŒ¯ã‚Šè¿”ã‚‹ã¨Googleã¯ã€2014å¹´ã«ãƒ¢ãƒã‚¤ãƒ«Webã®æå”±ã¨æŠ€è¡“è¦ç´ ã®æ‹¡å¤§ã‚’å›³ã‚Šã€2015å¹´ã‹ã‚‰ã¯ã€ŒRAILï¼ˆãƒ¢ãƒã‚¤ãƒ«WebãŒç›®æŒ‡ã™ã¹ããƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æŒ‡æ¨™ï¼‰ã€ã‚„ã€ŒProgressive Web Appsï¼ˆã‚¢ãƒ—ãƒªã®ã‚ˆã†ã«æŒ¯ã‚‹èˆžã†Webï¼‰ã€ã¨ã„ã£ãŸã€ãƒ¢ãƒã‚¤ãƒ«ã¨ã®è¦ªå’Œæ€§ãŒé«˜ã„Webã‚’ä½œã‚Šå‡ºã™ãŸã‚ã®â€è€ƒãˆæ–¹â€ã‚’æŽ¨ã—é€²ã‚ã¾ã—ãŸã€‚ä»Šå¹´2016å¹´ã¯ã€ã•ã‚‰ã«ãã‚Œã‚’è¸ã¿è¾¼ã‚“ã§ã„ã£ãŸã¨ã„ã†æ„Ÿã˜ãŒã—ã¾ã™ã€‚ ä»Šå›žã®I/Oã§å–ã‚Šä¸Šã’ã‚‹ã®ã‚‚ãã®ã²ã¨ã¤ã€‚æ¯Žåº¦ãŠé¦´æŸ“ã¿Google Developer A
chott 2016/10/28
performance

css

UI
ãƒªãƒ³ã‚¯
Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰è¡¨ç¤ºé€Ÿåº¦ã€æœ€é€ŸåŒ–æ‰‹æ³•ã¾ã¨ã‚ - Qiita
ã‚„ã‚Šã™ãŽã¦ã‚‚ç„¡é§„ã«ãªã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã€å¿…è¦ååˆ†ãªãƒãƒ©ãƒ³ã‚¹ã‚’è¦‹æ¥µã‚ã¦å®Ÿæ–½ã™ã‚‹ã€‚ä¸»ã«ç¤¾å†…ã®ãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ã®ã¾ã¨ã‚è³‡æ–™ã€‚ä»–ã«ã‚‚ã‚ã‚Œã°è¿½è¨˜ã—ã¦ã„ãäºˆå®šã€‚ ãƒšãƒ¼ã‚¸ã®çŠ¶æ…‹ã‚’èª¿ã¹ã‚‹ ã¾ãšå¯¾è±¡ã®ãƒšãƒ¼ã‚¸ãŒã€ã©ã†ã„ã£ãŸçŠ¶æ…‹ãªã®ã‹ã‚’èª¿ã¹ã‚‹ã€‚ Google PageSpeed Insights ã“ã‚Œã‚’100ç‚¹æº€ç‚¹ã«ã™ã‚‹å¿…è¦ã¯ãªã„ãŒã€èµ¤ããªã£ã¦ã„ã‚‹é …ç›®ã«é–¢ã—ã¦ã¯ã€ãªã‚‹ã¹ãå¯¾å¿œã—ãŸã»ã†ãŒè‰¯ã„ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ä¾¿åˆ©ã€‚ https://developers.google.com/speed/pagespeed/insights/?hl=ja pingdom å®Ÿéš›ã«ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’è¨ˆæ¸¬ã§ãã‚‹ã€‚æµ·å¤–ã‚µãƒ¼ãƒãªã®ã§ã€ã‘ã£ã“ã†é…ã„â€¦ã€‚æœ€é©åŒ–å‰ã¨æœ€é©åŒ–å¾Œã§æ¯”è¼ƒã™ã‚‹ã®ã«ä½¿ã†ã¨ã„ã„ã€‚ http://tools.pingdom.com/fpt/ Chromeãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ« ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®èªã¿è¾¼ã¿é †åºï¼é€Ÿåº¦
chott 2015/08/11
performance
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã‚ãƒ£ãƒƒã‚·ãƒ¥ã«ã‚ˆã‚‹ HTTP é«˜é€ŸåŒ–ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°
ã‹ã‚Œã“ã‚Œä¸€å¹´ã»ã©å‰ã«å®Ÿæ–½ã—ãŸå®Ÿã‚µãƒ¼ãƒ“ã‚¹ã§ã® apache ã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãƒã‚¿ã‚’æ€ã„å‡ºã—ãŸã‚ˆã†ã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ ä»¥å‰ã„ãŸéƒ¨ç½²ã§ã¯å°‘ãªã„ã‚µãƒ¼ãƒå°æ•°ã§å¤§é‡ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å¦‚ä½•ã«å‡¦ç†ã—ãã‚‹ã‹ã£ã¦ã“ã¨ã«ç‡ƒãˆã¦ã„ãŸã®ã§ã€é™çš„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«æ”¯éšœã®ãªã„ç¯„å›²ã§æœ€å¤§é™ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã•ã›ã€ã‚µãƒ¼ãƒã¨ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®è² è·ã‚’æœ€å°åŒ–ã•ã›ã¦ã„ã¾ã—ãŸã€‚ å½“æ™‚å‚è€ƒã«ã—ãŸæƒ…å ±æºã¯ä»¥ä¸‹ã®ï¼“ã¤ã§ã—ãŸã€‚ ã©ã®ã‚ˆã†ãªãƒ¬ã‚¹ãƒãƒ³ã‚¹ãƒ˜ãƒƒãƒ€ã‚’è¿”ã—ã¦ãŠã‘ã°ãƒ–ãƒ©ã‚¦ã‚¶ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’æœ€å¤§åŒ–ã§ãã‚‹ã‹ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‚ãƒ£ãƒƒã‚·ãƒ¥ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãƒ˜ãƒƒãƒ€ - murankã®æ—¥è¨˜ Kazuho@Cybozu Labs: ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®ä¸Šæ‰‹ãªä½¿ã„æ–¹ [Studying HTTP] HTTP Status Code ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã«ãŠã„ã¦é‡è¦ãªã®ã¯è‡ªåˆ†è‡ªèº«ã§ã®æ¤œè¨¼ã€‚ã¨ã„ã†ã‚ã‘ã§è‡ªå‰ã§æ¤œè¨¼ã—ãŸçµæžœã¨æ¤œè¨¼ã™ã‚‹ãŸã‚ã«ç”¨æ„ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å…¬é–‹ã—ã¾ã™ã€‚
chott 2015/08/11
performance
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒã‚°ã«ãŠã‘ã‚‹ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦æ”¹å–„ã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦ - Hatena Developer Blog
ã“ã‚“ã«ã¡ã¯ã€id:hakobe932ã§ã™ã€‚ã¯ã¦ãªãƒ–ãƒã‚°ã§ã¯ãƒ¦ãƒ¼ã‚¶ä½“é¨“ã®æ”¹å–„ã®ãŸã‚ã«ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã‚’å‘ä¸Šã•ã›ã‚‹ãŸã‚ã®æ§˜ã€…ãªå–ã‚Šçµ„ã¿ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ã¯ã¦ãªãƒ–ãƒã‚°ã§è¡Œã£ã¦ã„ã‚‹ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æ´»ç”¨ã€JavaScriptã®ãƒšãƒ¼ã‚¸æœ€ä¸‹éƒ¨ã§ã®èªã¿è¾¼ã¿ã€JavaScriptã®åœ§ç¸®ã€ã¨ã„ã†3ã¤ã®å–ã‚Šçµ„ã¿ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æ´»ç”¨ åŒã˜å†…å®¹ã®JavaScriptã‚„CSSã‚’ã€ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã™ã‚‹ãŸã³ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ã€ä½™åˆ†ãªHTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒç™ºç”Ÿã—ã¾ã™ã—ã€èªã¿è¾¼ã¿æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’åˆ©ç”¨ã§ãã‚Œã°ã€ä½™åˆ†ãªãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æ¸›ã‚‰ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ã¯ã¦ãªãƒ–ãƒã‚°ã§ã¯ã€ãªã‚‹ã¹ãé•·ã„é–“ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ä¿å˜ã™ã‚‹ãŸã‚ã«ã€JavaScriptãªã©ã®ä¸€éƒ¨ã®ç¨®é¡žã®ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã«ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ˜ãƒƒãƒ€ã‚’æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ $ curl -I http://hat
chott 2015/01/20
performance
ãƒªãƒ³ã‚¯
WordPressã§èªã¿è¾¼ã¿é€Ÿåº¦1ç§’å°ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«å®Ÿæ–½ã—ãŸ5ã¤ã®æ–½ç–
ã‚ãªãŸã®ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿é€Ÿåº¦ã€é…ã™ãŽã¾ã›ã‚“ã‹ï¼Ÿ ã‚µã‚¤ãƒˆãŒãªã‹ãªã‹è¡¨ç¤ºã•ã‚Œãªã„ã®ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã—ã¦è¦‹ãŸæ™‚ã«éžå¸¸ã«ã‚¹ãƒˆãƒ¬ã‚¹ãƒ•ãƒ«ã€‚ç†æƒ³ã®ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºæ™‚é–“ã¯æœ€ä½Žã§ã‚‚2ç§’ä»¥å†…ã€ç›®æŒ‡ã™ã¹ãã¯1ç§’ä»¥å†…ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ã€‚ gori.meã§ã‚‚é•·ã„ã“ã¨æ§˜ã€…ãªãƒ„ãƒ¼ãƒ«ã‚’é§†ä½¿ã—ã¦ã¯èªã¿è¾¼ã¿é€Ÿåº¦æ”¹å–„ã«ã‚€ã‘ã¦å–ã‚Šçµ„ã‚“ã§ããŸã€‚å…ˆæ—¥ã€ã¤ã„ã«GTMetrixã«ãŠã‘ã‚‹æ¸¬å®šå€¤ãŒå®‰å®šã—ã¦1ç§’å°ã‚’å‡ºã™ã“ã¨ã«æˆåŠŸã—ãŸã®ã§ã€ä»Šå›žã¯ã“ã‚Œã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«åƒ•ãŒå®Ÿæ–½ã—ãŸ5ã¤ã®æ–½ç–ã‚’ã¾ã¨ã‚ã¦ãŠãï¼ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿é€Ÿåº¦ã«æ‚©ã‚“ã§ã„ã‚‹äººã¯å‚è€ƒã«ã©ã†ãžï¼ gori.meã®GTMetrixã‚¹ã‚³ã‚¢ã¨èªã¿è¾¼ã¿é€Ÿåº¦ 1ç§’å°ã‚’å‡ºã™æ–¹æ³•ã‚’è©±ã™å‰ã«ãã‚‚ãã‚‚æœ¬å½“ã«gori.meã¯èªã¿è¾¼ã¿é€Ÿåº¦1ç§’å°ãªã®ã‹ã¨ã„ã†ã“ã¨ã«ã¤ã„ã¦ã€å…ˆã»ã©å–å¾—ã—ãŸGTMetrixã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã¨å…±ã«ç´¹ä»‹ã—ã¦ãŠãã€‚ ã”è¦§ã®é€šã‚Šã€èªã¿è¾¼ã¿é€Ÿåº¦ã¯1.4ç§’ã€Googleã®ã€ŒPage Speed Grade
chott 2013/04/26
WordPress

performance
ãƒªãƒ³ã‚¯
1