Flush your <head>! - an HTTP performance optimization tool

A presentation at Reversim Summit in September 2016 in Rehovot, Israel by Yonatan Mevorach

Slide 1

Slide 1

Chunk Scatter an HTTP Performance Optimization Tool

Slide 2

Slide 2

Flush your

<head>

Slide 3

Slide 3

Slide 4

Slide 4

The Story So Far…

Slide 5

Slide 5

t Web Server Client CDN Server Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 6

Slide 6

t Web Server Client CDN Server GET Request Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 7

Slide 7

t Web Server Client CDN Server GET Request Database Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 8

Slide 8

t Web Server Client CDN Server GET Request Database Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 9

Slide 9

t Web Server Client CDN Server GET Request Database HTML Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 10

Slide 10

t Web Server Client CDN Server GET Request Database HTML CSS Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 11

Slide 11

t Web Server Client CDN Server GET Request Database HTML CSS Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 12

Slide 12

t Web Server Client CDN Server Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 13

Slide 13

t Web Server Client CDN Server GET Request Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 14

Slide 14

t Web Server Client CDN Server GET Request HTML <head> Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 15

Slide 15

t Web Server Client CDN Server GET Request HTML CSS

<head> Database Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 16

Slide 16

t Web Server Client CDN Server GET Request HTML CSS

<head> Database Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 17

Slide 17

t Web Server Client CDN Server GET Request HTML CSS

<head> Database HTML <body> Web Server Client CDN Server Icon made by Freepik from www.flaticon.com

Slide 18

Slide 18

HTTP Chunked Response Transfer-Encoding: chunked

Slide 19

Slide 19

WHAT IF I TOLD YOU THIS IS AVAILABLE SINCE 1997

Slide 20

Slide 20

WHAT IF I TOLD YOU THIS IS AVAILABLE SINCE 1997

Slide 21

Slide 21

The Problem

Slide 22

Slide 22

This is the Chunked Response Visualization landscape

Slide 23

Slide 23

This is the Chunked Response Visualization landscape cba http://flic.kr/p/dnLhE

Slide 24

Slide 24

chunk #1 size chunk #1 content chunk #2 size chunk #2 content chunk #3 size chunk #3 content chunk #4 size chunk #4 content

Slide 25

Slide 25

The Solution

Slide 26

Slide 26

Slide 27

Slide 27

Slide 28

Slide 28

GITHUB.COM/ COWCHIMP/CHUNK-SCATTER @cowchimp blog.cowchimp.com