1. Evolution of @ColinBendell Director, CTO Office

2. Avoid data theft and downtime by extending the security perimeter outside the data-center and protect from increasing frequency, scale and sophistication of web attacks. 1989

3. Avoid data theft and downtime by extending the security perimeter outside the data-center and protect from increasing frequency, scale and sophistication of web attacks. 1992

4. Avoid data theft and downtime by extending the security perimeter outside the data-center and protect from increasing frequency, scale and sophistication of web attacks. <img src="/brooklyn_bridge.jpg" lowsrc="/bridge.gif" title="NYC Golden Gate at night" /> 1995

5. Avoid data theft and downtime by extending the security perimeter outside the data-center and protect from increasing frequency, scale and sophistication of web attacks. <div class="delayed-image-load" data-src="/brooklyn_bridge_{width}_{pixel_ratio}.jpg" data-alt="alternative text"> new Imager({ availableWidths: [200, 260, 320, 600], availablePixelRatios: [1, 1.3, 2] }); 2011

6. Avoid data theft and downtime by extending the security perimeter outside the data-center and protect from increasing frequency, scale and sophistication of web attacks. <img src="/brooklyn_bridge_100.jpg" srcset="/brooklyn_bridge_200.jpg 100w, /brooklyn_bridge_400.jpg 400w, /brooklyn_bridge_800.jpg 800w, /brooklyn_bridge_1000.jpg 1000w, /brooklyn_bridge_1400.jpg 1400w, /brooklyn_bridge_1800.jpg 1800w, /brooklyn_bridge_2200.jpg 2200w" sizes="(min-width: 500px) 33.3vw, 100vw" /> 2014

7. <source type="image/jp2" srcset="/brooklyn_bridge_200.jp2 100w, /brooklyn_bridge_400.jp2 400w, /brooklyn_bridge_800.jp2 800w, /brooklyn_bridge_1000.jp2 1000w, /brooklyn_bridge_1400.jp2 1400w, /brooklyn_bridge_1800.jp2 1800w, /brooklyn_bridge_2200.jp2 2200w" /> …

8. <source type="image/webp" srcset="/brooklyn_bridge_200.webp 100w, /brooklyn_bridge_400.webp 400w, /brooklyn_bridge_800.webp 800w, /brooklyn_bridge_1000.webp 1000w, /brooklyn_bridge_1400.webp 1400w, /brooklyn_bridge_1800.webp 1800w, /brooklyn_bridge_2200.webp 2200w"/> <source type="image/vnd.ms-photo" srcset="/brooklyn_bridge_200.jxr 100w, /brooklyn_bridge_400.jxr 400w, /brooklyn_bridge_800.jxr 800w, /brooklyn_bridge_1000.jxr 1000w, /brooklyn_bridge_1400.jxr 1400w, /brooklyn_bridge_1800.jxr 1800w, /brooklyn_bridge_2200.jxr 2200w"/> <source type="image/jp2" srcset="/brooklyn_bridge_200.jp2 100w, /brooklyn_bridge_400.jp2 400w, /brooklyn_bridge_800.jp2 800w, /brooklyn_bridge_1000.jp2 1000w, /brooklyn_bridge_1400.jp2 1400w, /brooklyn_bridge_1800.jp2 1800w, /brooklyn_bridge_2200.jp2 2200w"/> <img src="/brooklyn_bridge_100.jpg" srcset="/brooklyn_bridge_200.jpg 100w, /brooklyn_bridge_400.jpg 400w, /brooklyn_bridge_800.jpg 800w, /brooklyn_bridge_1000.jpg 1000w, /brooklyn_bridge_1400.jpg 1400w, /brooklyn_bridge_1800.jpg 1800w, /brooklyn_bridge_2200.jpg 2200w" sizes="(min-width: 500px) 33.3vw, 100vw"/>

9. What happened to ?

10. Avoid data theft and downtime by extending the security perimeter outside the data-center and protect from increasing frequency, scale and sophistication of web attacks. <img src="/brooklyn_bridge.jpg" sizes="(min-width: 500px) 33.3vw, 100vw" /> GET /brooklyn_bridge.jpg Accept: image/webp, */* DPR: 3 Width: 230 Viewport-Width: 460 200 OK Content-Type: image/webp Content-DPR: 1 Vary: Accept, DPR, Width 2015

11. 3 device types x 4 formats x 3 resolutions x 3 uses (search, thumb…) SALE 108 images x angles x products

12. Next Questions What about: Network Conditions? Legacy Browsers? Operations? Disaster Recovery?

13. Visit Akamai at Kiosk #22! Pick up your copy of the preview edition of the upcoming book: “High Performance Images” Talk to an HTTP/2 expert and view our demo!

14. Thank-You! @ColinBendell