HTTP2 ã‚’å‰æã¨ã—㟠HTML+CSS コンãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ‘ス最é©åŒ–ã«ã¤ã„㦠| blog.jxck.ioIntro Chrome ãŒäºˆå®šã—ã¦ã„ã‚‹ <link rel=stylesheet> ã®æŒ™å‹•ã®å¤‰æ›´ã«ã¤ã„ã¦ã€ Google Chrome ãƒãƒ¼ãƒ ã® Jake ãŒã€èˆˆå‘³æ·±ã„ブãƒã‚°ã‚’上ã’ã¦ã„る。 The future of loading CSS ã“ã®å†…容ã¯ã€å˜ã« Chrome ã«å¯¾ã™ã‚‹å¤‰æ›´ã ã‘ã§ã¯ãªã〠HTTP2 ã«ã‚ˆã£ã¦å¤‰åŒ–ã™ã‚‹æœ€é©åŒ–手法ã¨ã€ãれを最も活ã‹ã™ãŸã‚ã® HTML, CSS ã®æ§‹æˆã«ã¤ã„ã¦ã®ãƒ’ントãŒã‚る。 今回ã¯ã€ã“ã®å†…容をæ„訳+補足解説ã—ã€æœ¬ã‚µã‚¤ãƒˆã«é©ç”¨ã—ã¦ã„ã。 HTTP/1.1 時代㮠CSS HTML 自体ãŒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’æ„è˜ã—ãŸä½œã‚Šã«ãªã£ã¦ã„ã‚‹å ´åˆã¯ã€è‡ªç„¶ã¨ CSS ã‚‚ class ãªã©ã‚’使ã„コンãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã«ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã ã‚ã†ã€‚ ã—ã‹ã—〠HTTP/1.1 ã§ã¯ã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®æ•°ã‚’減らã™ãŸã‚ã«å…¨ã¦ã® CSS ã‚’ 1 ã¤(ã‚‚ã—ãã¯å°‘数個)ã«çµåˆã™ã‚‹æœ€é©åŒ–ãŒä¸»æµã
Kazuho's Weblog: ウェブページã®æç”» (first-paint) ã¾ã§ã®æ™‚間を測定ã™ã‚‹ãƒ„ールを作ã£ãŸä»¶ã€ã‚‚ã—ãã¯HTTP2時代ã®ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®è©±
{{#tags}}- {{label}}
{{/tags}}