Web標準ã®HTTPクライアントfetch()ã§ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã—ãªãŒã‚‰ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãるよã†ã«ãªã‚‹ã€‚
Webブラウザ上ã§ç´”粋ãªHTTPã ã‘ã§å˜æ–¹å‘リアルタイム通信をå¯èƒ½ã«ã™ã‚‹HTTPã®ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒé‚ã«ã‚„ã£ã¦ãã‚‹ - nwtgck / Ryo Ota
Web標準ã®HTTPクライアントfetch()ã§ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã—ãªãŒã‚‰ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãるよã†ã«ãªã‚‹ã€‚
HTTP2 ã‚’å‰æã¨ã—㟠HTML+CSS コンãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ‘ス最é©åŒ–ã«ã¤ã„㦠| blog.jxck.io
Intro 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時代ã®ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®è©±
ウェブページã®æç”» (first-paint) ã¾ã§ã®æ™‚間を測定ã™ã‚‹ãƒ„ールを作ã£ãŸä»¶ã€ã‚‚ã—ãã¯HTTP2時代ã®ãƒ‘フォーマンスãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®è©± ウェブページã®è¡¨ç¤ºã¾ã§ã«ã‹ã‹ã‚‹æ™‚é–“ã‚’ã„ã‹ã«çŸãã™ã‚‹ã‹ã£ã¦ã®ã¯ã€å„²ã‹ã‚‹ã‚¦ã‚§ãƒ–サイトを構築ã™ã‚‹ä¸Šã§é¿ã‘ã¦é€šã‚Œãªã„ã€ã¨ã¦ã‚‚é‡è¦ãªè¦ç´ ã§ã™ã€‚ å°‘ã—å¤ã„データã¨ã—ã¦ã¯ã€ãŸã¨ãˆã°ã€ã‚¦ã‚§ãƒ–ページã®è¡¨ç¤ºãŒ500ミリ秒é…ããªã‚‹ã¨åºƒå‘Šå£²ä¸ŠãŒ1.2%低下ã™ã‚‹ã¨ã„ã†Bingã®ä¾‹ãªã‚“ã‹ã‚‚知られã¦ã„ã‚‹ã‚ã‘ã§ã™ã€‚ 「ウェブページã®è¡¨ç¤ºã¾ã§ã«ã‹ã‹ã‚‹æ™‚é–“ã€ã¨è¨€ã£ãŸå ´åˆã€å®Ÿéš›ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã„ãã¤ã‹ã®ãƒ¡ãƒˆãƒªãƒƒã‚¯ãŒã‚ã‚Šã¾ã™ã€‚ イベント æ„味
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}