Akamai Korea - Tech Day (2015/03/11) HTTP/2

2. 강상진

3. (sangjinn@gmail.com)

4. http://brandonk.tistory.com

8. GET

10. HTTP/2

12. User-Agent:

13. Akamai

14. Korea

16. Tech

17. Day

19. Host:

20. www.akamai.co.kr

22. Accept:

23. Everyone

24. ....

26. Content-Type:

27. Open

28. Seminar

30. Date:

31. Wed,

32. 11

33. Mar

34. 2015

35. 16:00:00

36. KST

38. Expires:

39. Wed,

40. 11

41. Mar

42. 2015

43. 18:00:00

44. KST

46. Connection:

47. Keep-Alive

49. Set-Cookie:

50. Speaker=Brandon

51. Kang;

52. Role=Sr.

53. TPM

54. Lead

58. AKAMAI

62. FASTER

63. FORWARDTM

64. 강연자

65. 소개

66. Brandon Kang 前) Samsung SDS 솔루션

67. 개발센터

68. 선임

69. 개발자 前) Microsoft Korea RD 책임

70. 연구원 前)

71. 한국콘텐트진흥원

72. 글로벌

73. 창업지원

74. 프로그램

75. 심사위원 前)

76. 한국게임개발자협회(KGDA) 게임

77. 개발

78. 멘토 미래창조과학부

79. Software Maestro 개발

80. 분야

81. 멘토 아카마이

82. 한국

83. 법인

84. Sr. Technical Project Manager Lead 집필/번역 IT 트렌드

85. / 웹

86. 프로그래밍

87. / XML 웹

88. 서비스

90. 모바일

91. 어플

92. 개발

94. 게임

95. 개발

96. 등

97. 11권 강연/강의 KGC(Korea Game Conference), MSDN, KOBA, Icon, e-Fun 등의

98. 기술

99. 세미나

100. 강연/강의

102. AKAMAI

104. |

106. FASTER

107. FORWARDTM

110. 왜

111. HTTP/2인가?

114. AKAMAI

116. |

118. FASTER

119. FORWARDTM

122. 웹은

123. 진화

124. 하였다.

125. 그리고..

126. 계속

128. 진화하고

129. 있다…⋯

132. AKAMAI

134. |

136. FASTER

137. FORWARDTM

142. AKAMAI

144. |

146. FASTER

147. FORWARDTM

150. 모바일

151. 디바이스

152. 증가

155. AKAMAI

157. |

159. FASTER

160. FORWARDTM

163. 웹

164. 성능이

165. MONEY?

168. AKAMAI

170. |

172. FASTER

173. FORWARDTM

176. HTTP1.1의

177. 단점

180. AKAMAI

182. |

184. FASTER

185. FORWARDTM

186. Head

187. of

188. Line

189. Blocking

190. (특정

191. 응답의

192. 지연)

193. Client Server Time ?

195. AKAMAI

197. |

199. FASTER

200. FORWARDTM

201. Head

202. of

203. Line

204. Blocking

205. (특정

206. 응답의

207. 지연)

208. HTML

209. 응답

210. 이전에

211. 이미지는

212. 전달되지

213. 않음

216. AKAMAI

218. |

220. FASTER

221. FORWARDTM

222. Multiple

223. Connections

224. (TCP

225. handshake의

226. 반복)

229. AKAMAI

231. |

233. FASTER

234. FORWARDTM

235. GET / HTTP/1.1! Host: www.akamai.com! User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/536.26.14 ! Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8! DNT: 1! Accept-Language: en-us! Accept-Encoding: gzip, deflate! Cookie: uaid=uaid%3DVdhk5W6sexG-_Y7ZBeQFa3cq7yMQ%26_now%3D1325204464%26_slt%3Ds_LCLVpU! Connection: keep-alive 525

236. Bytes

237. 무거운

238. 헤더

239. 구조

240. (HTTP

241. 메시지의

242. 한계)

245. AKAMAI

247. |

249. FASTER

250. FORWARDTM

251. 무거운

252. 헤더

253. 구조

254. (HTTP

255. 메시지의

256. 한계)

257. GET /assets/dist/js/etsy.recent-searches.20121001205006.js HTTP/1.1! Host: www.akamai.com! User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/536.26.14 (KHTML, like Gecko) Version/6.0.1 Safari/536.26.14! Accept: */*! DNT: 1! Referer: http://www.akamai.com/! Accept-Language: en-us! Accept-Encoding: gzip, deflate! Cookie: autosuggest_split=1;etala=111461200.1476767743.1349274889.1349274889.1349274889.1.0; ! Connection: keep-alive 226

258. New

259. Bytes;

260. 690

261. Total

264. AKAMAI

266. |

268. FASTER

269. FORWARDTM

270. 무거운

271. 헤더

272. 구조

273. (HTTP

274. 메시지의

275. 한계)

276. GET /assets/dist/js/jquery.appear.20121001205006.js HTTP/1.1! Host: www.akamai.com! User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/536.26.14 (KHTML! Accept: */*! DNT: 1! Referer: http://www.akamai.com/! Accept-Language: en-us! Accept-Encoding: gzip, deflate! Cookie: autosuggest_split=1;etala=111461200.1476767743.1349274889.1349274889.1349274889.1.0; ! Connection: keep-alive 14

277. New

278. Bytes;

279. 683

280. Total

283. AKAMAI

285. |

287. FASTER

288. FORWARDTM

289. 무거운

290. 헤더

291. 구조

292. (HTTP

293. 메시지의

294. 한계)

295. GET /assets/dist/js/bootstrap/username-suggester.20121001205006.js HTTP/1.1! Host: www.akamai.com! User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/536.26.14 (KHTML! Accept: */*! DNT: 1! Referer: http://www.akamai.com/! Accept-Language: en-us! Accept-Encoding: gzip, deflate! Cookie: autosuggest_split=1;etala=111461200.1476767743.1349274889.1349274889.1349274889.1.0; Connection: keep-alive! 28

296. New

297. Bytes;

298. 698

299. Total

302. AKAMAI

304. |

306. FASTER

307. FORWARDTM

308. 무거운

309. 헤더

310. 구조

311. (HTTP

312. 메시지의

313. 한계)

314. 4개의

315. 요청

316. 동안…⋯.

317. • 모두

318. 2596

319. 바이트

320. 전송

321. • ~3개의

322. 패킷

323. • 중복

324. 헤더

325. 1797

326. 바이트

327. (전체

328. 70%

329. )

330. • 계속

331. 따라붙는

332. 쿠키…⋯

333. (이것

334. 떼어낼

335. 수

336. 없나?)

339. AKAMAI

341. |

343. FASTER

344. FORWARDTM

345. 무거운

346. 헤더

347. 구조

348. (HTTP

349. 메시지의

350. 한계)

351. 서버

352. 전송량:

353. 914

354. B

355. 실제

356. 콘텐트:

357. 57

358. B

359. 15배의

360. 헤더

361. 전송

364. AKAMAI

366. |

368. FASTER

369. FORWARDTM

370. 눈물겨운

371. 노력

372. –

373. Image

374. Sprite

375. (분할

376. 이미지

377. 사용)

380. AKAMAI

382. |

384. FASTER

385. FORWARDTM

386. 눈물겨운

387. 노력

388. –

389. Inline

390. Script

391. (스크립트

392. 병합)

395. AKAMAI

397. |

399. FASTER

400. FORWARDTM

401. 눈물겨운

402. 노력

403. –

404. Domain

405. Sharding

406. (도메인

407. 분할을

408. 통한

409. 병렬

410. 호출)

413. AKAMAI

415. |

417. FASTER

418. FORWARDTM

419. 눈물겨운

420. 노력

421. –

422. Script

423. Minimization

424. (스크립트

425. 최소화)

428. AKAMAI

430. |

432. FASTER

433. FORWARDTM

434. 저기요…⋯

435. 웹

436. 콘텐트

437. 수정은

438. 너무

439. 힘들어요…⋯

440. 프로토콜

441. 단에서

442. 수정하면

443. 안돼요???

444. S사

445. 2015년

446. 대졸신입

447. 사원

448. 배**

450. 전산학과

451. 졸업,

452. 24세.

453. 초급

454. 웹

455. 개발자

458. AKAMAI

460. |

462. FASTER

463. FORWARDTM

466. AKAMAI

468. |

470. FASTER

471. FORWARDTM

472. HTTP

473. •  HTTP

474. 0.9

475. -

476. HTTP의

477. 탄생

478. 팀

479. 버너스리가

480. 최초에

481. 웹을

482. 발명했을

483. 때

484. 사용하던

485. 프로토콜

486. 현재의

487. HTTP와

488. 다르게

489. 헤더가

490. 없으며,

491. GET

492. 메소드만

493. 있음.

496. •  HTTP

497. 1.0

498. -

499. HTTP

500. 최초의

501. 표준화

502. IETF

503. 에서

504. 표준화하여

505. 1993년에

506. Draft

507. 공개후,

509. 1996년에

510. 최종

511. 버전(RFC

512. 1945),

513. 헤더의

514. 도입,

515. GET

516. 이외의

518. 타

519. 메서드

520. 추가

524. AKAMAI

526. |

528. FASTER

529. FORWARDTM

530. HTTP

532. •  HTTP

533. 1.1

534. -

535. HTTP의

536. 완성

537. 1997년

538. RFC

539. 2068

540. 에서

541. 개정하여

542. 1999년

543. RFC

544. 2616

545. 발행.

547. 현재의

548. 1.1

549. 스펙,

550. 채널전송,

551. Accept

552. 헤더에

553. 의한

554. content

555. negotiation,

556. cache-control,

557. Keep-Alive

558. 등

559. 실용적인

560. 헤더들의

561. 대거

562. 추가

564. •  SPDY

565. -

566. 좀더

567. 빠른

568. 웹을

569. 위한

570. 실험적인

571. 프로토콜

572. 구글이

573. 제안하는

574. HTTP

575. 프로토콜의

576. 개선안.

578. SSL/헤더

579. 압축/다중

580. 스트림/요청

581. 우선

582. 순위

583. 등

585. *

586. 2014년

587. 2월,

588. SPDY

589. 기반의

590. HTTP/2

591. 발표

594. AKAMAI

596. |

598. FASTER

599. FORWARDTM

600. HTTP

603. ...

608. HTTP/0.9

609. 1996/

610. 5

611. HTTP/1.0

612. (RFC

613. 1945)

614. 1997/

615. 1

616. HTTP/1.1

617. (RFC

618. 2068)

619. 2009/11

620. SPDY/1

621. ...

622. 2011/

623. 9

624. WebSocket(RFC

625. 6455)

626. 2012/

627. 8

628. HTTP/2.0

629. start

630. 2012/11

631. HTTP/2.0

632. (draft-00)

633. 2013/

634. 7

635. HTTP/2.0

636. (draft-04)

637. 2013/

638. 8

639. interop

640. testing

641. 2013/

642. 8

643. HTTP/2.0

644. (draft-05)

645. …⋯

648. AKAMAI

650. |

652. FASTER

653. FORWARDTM

654. HTTP/2

655. •  1999년

656. 발표된

657. HTTP1.1(RFC2616)

658. 이후,

659. 16년만의

660. 정식

661. 업데이트

662. •  IETF(Internet

663. Engineering

664. Task

665. Force)

666. 워킹

667. 그룹이,

668. Google이

669. 제안 한

670. SPDY을

671. 모태로

672. 개발하여,

673. 2014년

674. 12월

675. 표준

676. 기술로

677. 승인

678. 요청

679. •  IESG(Internet

680. Engineering

681. Steering

682. Group)에서

683. 2015년

684. 2월

685. 17일,

687. 이

688. 제안을

689. 승인하고

690. proposed

691. standard로

692. 발표

693. •  정식

694. RFC

695. 진행

696. 중

698. 기술적

699. 의미

700. •  HTTP1.1의

701. 고질적

702. 문제인

703. head-of-line-breaking을

704. 해결함

705. •  HTTP1.1의

706. Keep-Alive를

707. Parallel

708. connection으로

709. 승화시킴;;;

712. AKAMAI

714. |

716. FASTER

717. FORWARDTM

718. HTTP/2

719. 프로토콜

720. •  SSL

721. Handshake

722. for

723. HTTPS

724. (NPN

725. –

726. SPDY,

727. ALPN

728. –

729. HTTP/2)

730. •  TLS

731. -

732. SPDY

733. 에선

734. MUST,

735. HTTP/2에선

736. 옵션

737. •  DATA

738. 및

739. Header

740. 모두

741. 압축(Compression)

742. Application

743. (HTTP/2)

744. Session

745. (TLS,

746. optional)

747. Transport

748. (TCP)

749. Network

750. (IP)

751. POST

752. /upload

753. HTTP/1.1

754. Host:

755. www.akamai.com

756. Content-Type:

757. application/json

758. Content-Length:

759. 15

761. {“msg”:”Hello

762. World!”}

763. HEADERS

764. frame

765. DATA

766. frame

767. Binary

768. Framing

769. HTTP/2

770. HTTP

771. 1.1

774. AKAMAI

776. |

778. FASTER

779. FORWARDTM

780. HTTP/2

781. 스트림

782. •  Stream은

783. HTTP1.X의

784. Req/Res와

785. 같은

786. HEADER/DATA의

787. 조합

788. •  HEADER와

789. DATA는

790. Frame이라는

791. 구조를

792. 가짐

793. •  하나의

794. Connection이

795. Client

796. -

798. Server

799. 간

800. 유지

801. •  헤더와

802. 데이터(BODY)는

803. 스트림을

804. 통해

805. 전달

806. Stream

807. 1

808. DATA

809. Stream

810. 3

811. HEADERS

812. Stream

813. 3

814. DATA

815. Stream

816. 1

817. DATA

818. …⋯…⋯…⋯.

819. Stream

820. 5

821. DATA

824. AKAMAI

826. |

828. FASTER

829. FORWARDTM

830. Server

831. Push

832. Stream

833. 4

834. Frame

835. 1

836. …⋯…⋯…⋯…⋯

837. Stream

838. 1

839. Frame

840. n

841. Stream

842. 4

843. promise

844. Stream

845. 2

846. promise

847. Stream

848. 1

849. Frame

850. 2

851. Stream

852. 1:

853. /index.html

856. (Client

857. 요청)

858. Stream

859. 2:

860. /jsscript.js

866. (push

867. promise)

868. Stream

869. 4:

870. /cssstyle.css

873. (push

874. promise)

875. •  서버는

876. 다음

877. 요청이

878. 오기전,

879. 응답을

880. 미리

881. 줄

882. 수

883. 있음

884. (Push

885. Promise)

886. •  현재

887. 아카마이가

888. 제공하는

889. Prefetch와

890. 유사한

891. 기능

892. •  전달된

893. 콘텐트는

894. 브라우져

895. 캐시를

896. 통해

897. 재사용

898. 가능

901. AKAMAI

903. |

905. FASTER

906. FORWARDTM

907. 중복

908. 헤더

909. 제거

910. 및

911. 압축

912. :method

913. GET

914. :scheme

915. https

916. :host

917. akamai.com

918. :path

919. /index

920. accept

921. Image/jpeg

922. User-agent

923. Mozilla/5.0..

924. :method

925. GET

926. :scheme

927. https

928. :host

929. akamai.com

930. :path

931. /new

932. accept

933. Image/jpeg

934. User-agent

935. Mozilla/5.0..

936. 요청

937. #1 요청

938. #2 HEADERS

939. Frame

940. (Stream

941. 1)

942. HEADERS

943. Frame

944. (Stream

945. 3)

946. :method:

947. GET

948. :scheme:

949. https

950. :host:

951. akamai.com

952. :path:

953. /index

954. :accept:

955. image/jpeg

956. User-agent:

957. Mozilla/5.0…⋯

958. :path:

959. /new

960. •  중복

961. 헤더는

962. 다음

963. 요청에서

964. 제거

965. •  나머지

966. 헤더는

967. 압축

970. AKAMAI

972. |

974. FASTER

975. FORWARDTM

976. Pipelining의

977. 개선

978. –

979. HOL

980. 제거

981. Client

982. Server

983. Time

984. Client

985. Server

986. Time

987. 빠른

988. 응답

991. AKAMAI

993. |

995. FASTER

996. FORWARDTM

997. 응답

998. 우선

999. 순위화

1000. (Prioritization)

1001. Client는

1002. 어떤

1003. 응답이

1004. 제일

1005. 중요한지,

1006. 우선

1007. 순위를

1008. 알려주고,

1009. 서버는

1010. 이에

1011. 응답할

1012. 수

1013. 있음

1015. 예)

1017. 이미지

1019. 처리를

1020. 위해

1021. CSS를

1022. 이미지보다

1023. 먼저…⋯..

1024. Time Client

1025. Server

1028. AKAMAI

1030. |

1032. FASTER

1033. FORWARDTM

1034. HTTP1.X

1035. vs.

1036. HTTP/2

1039. AKAMAI

1041. |

1043. FASTER

1044. FORWARDTM

1045. HTTP1.X

1046. vs.

1047. HTTP/2

1050. AKAMAI

1052. |

1054. FASTER

1055. FORWARDTM

1056. 결론…⋯.

1057. 평균

1058. 로딩

1059. 속도

1060. 10~25%

1061. 향상.

1062. 일반적인

1063. FEO

1064. 요소

1065. 불필요

1071. AKAMAI

1073. |

1075. FASTER

1076. FORWARDTM

1079. 아카마이에선

1080. HTTP/2

1082. 지원하나요?

1085. AKAMAI

1087. |

1089. FASTER

1090. FORWARDTM

1095. AKAMAI

1097. |

1099. FASTER

1100. FORWARDTM

1101. IETF/아카마이

1102. 로드맵

1103. 2009

1104. 2011

1105. 2013

1106. Google

1107. announces

1108. SPDY/2

1109. SPDY

1111. at

1112. IETF80

1113. Firefox

1114. ships

1115. SPDY

1116. Call

1117. for

1118. HTTP/2

1119. proposals

1120. HTTPbis

1121. rechartered

1122. for

1123. HTTP/2

1124. Akamai

1125. announces

1126. SPDY

1127. support

1130. AKAMAI

1132. |

1134. FASTER

1135. FORWARDTM

1137. 로드맵

1138. 2013 2014 Draft-00 Draft-04 Draft-06 Draft-09 Draft-12 Draft-14 Draft-16 2015

1140. AKAMAI

1142. |

1144. FASTER

1145. FORWARDTM

1147. 로드맵

1148. BETA CHANNEL LAUNCH GENERAL AVAILABILITY HTTP/2-ENABLED FEATURES Opt-in •  Edge to client only •  Secure network only •  Web Performance products Opt-out •  Edge to client only •  Likely additional networks •  Likely additional product lines TBD •  Candidate examples: -  Predictive Server Push -  Smart Stream Priorities -  HTTP/2 to origin Expected Chrome, Firefox, and IE support 2H2014 2H2015 1H2016

1150. AKAMAI

1152. |

1154. FASTER

1155. FORWARDTM

1156. FAQs

1157. •  다시

1158. 한번

1159. HTTP/2

1160. 새로운

1161. 기능을

1162. 요약해주세요.

1164. Multiplexing:

1166. 복수개의

1167. 요청이

1168. 하나의

1169. TCP

1170. connection으로

1171. 가능,

1172. 응답은

1173. 순서에

1174. 상관없이

1175. stream으로

1176. 받습니다.

1177. 기존의

1178. Connection

1179. Keep-Alive,

1180. Pipelining의

1181. 개선이라

1182. 보시면

1183. 됩니다.

1185. 중복

1186. 헤더

1187. 제거

1188. 및

1189. 헤더

1190. 압축:

1192. 같은

1193. 헤더를

1194. 제거하여

1195. 헤더

1196. 크기를

1197. Huffman

1198. coding

1199. 방식으로

1200. 나머지

1201. 헤더 들도

1202. 압축하여

1203. 전반적인

1204. 헤더

1205. 크기를

1206. 줄입니다

1209. AKAMAI

1211. |

1213. FASTER

1214. FORWARDTM

1215. FAQs

1216. •  다시

1217. 한번

1218. HTTP/2

1219. 새로운

1220. 기능을

1221. 요약해주세요.

1223. 스트림

1224. 우선

1225. 순위화:

1226. 클라이언트는

1227. 서버에게

1228. 어떤

1229. 콘텐트가

1230. 중요하여

1231. 먼저

1232. 받기를

1233. 원하는지에

1234. 대한

1235. 정보를

1236. 전달할

1237. 수

1238. 있습니다.

1240. 서버

1241. 푸시:

1242. 서버는

1243. 요청받지

1244. 않은

1245. 콘텐트라도

1246. 미리

1247. 클라이언트측에

1248. 전달할

1249. 수

1250. 있습니 다.

1253. AKAMAI

1255. |

1257. FASTER

1258. FORWARDTM

1259. FAQs

1260. •  아카마이는

1261. 어떻게

1262. HTTP/2에

1263. 투자하고

1264. 있나요?

1265. IETF

1266. 의장이며

1267. HTTP/2를

1268. 설계한

1269. Mark

1270. Nottingham은

1271. 아카마이의

1272. Principal

1273. Architect

1274. 입니다.

1275. 아카마이는

1276. HTTP(S)를

1277. 통해

1278. 모든

1279. 서비스를

1280. 수행하기에

1281. HTTP/2의

1282. 리드로서

1283. 로드맵을

1284. 진행하고

1285. 있습니다.

1287. •  왜

1288. HTTP2.0이

1289. 아니라,

1290. HTTP/2인가요?

1291. IETF는

1292. HTTP2.X

1293. 서브

1294. 버전이

1295. 없을

1296. 것이라고

1297. 공식적으로

1298. 발표

1299. 하였습니다.

1301. •  HTTP/2가

1302. 사용되면

1303. SPDY는

1304. 어떻게

1305. 되는건가요?

1306. SPDY를

1307. 기반으로

1308. 많은

1309. 요소들이

1310. 이미

1311. HTTP/2에

1312. 적용되어

1313. 중복으로

1315. 필요

1316. 없습니다.

1319. AKAMAI

1321. |

1323. FASTER

1324. FORWARDTM

1325. FAQs

1326. •  현재

1327. 아카마이를

1328. 통해

1329. 서비스를

1330. 받고

1331. 있습니다.

1333. HTTP/2는

1334. 언제

1335. 적용

1336. 가능할까요?

1337. SPDY

1338. 베타는

1339. 언제든

1340. 가능,

Akamai Korea - Tech Day (2015/03/11) HTTP/2

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Akamai Korea - Tech Day (2015/03/11) HTTP/2

Similar to Akamai Korea - Tech Day (2015/03/11) HTTP/2 (20)

More from SangJin Kang

More from SangJin Kang (13)

Recently uploaded

Recently uploaded (20)

Akamai Korea - Tech Day (2015/03/11) HTTP/2