This document discusses using the Akamai Connector for Varnish to simplify operations between a Varnish cache and Akamai's edge caching network. It highlights common challenges with duplicating caching logic and managing lifecycle changes. The connector architecture allows caching policies to be defined in VCL and automatically propagated to Akamai. An example demo purges a file from both Varnish and Akamai caches. Attendees are encouraged to join the early access program to try the integration.

1. ©2017 AKAMAI | FASTER FORWARD™
Akamai Connector For Varnish
Mobile Performance
Michael Gooding

2. Where is your #webperf problem?
AGENDA
• Mobile Performance
• Extending your Varnish operations
• Demo with Mobile Images

3. ©2017 AKAMAI | FASTER FORWARD™Akamai Connector For Varnish

4. ©2017 AKAMAI | FASTER FORWARD™

5. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™
Performance Budgets

6. ©2017 AKAMAI | FASTER FORWARD™

7. Many Contributors
The Web Experience Journey

8. Real User Monitoring
Histogram of User Experiences
Page Load Time: Seconds

9. ©2017 AKAMAI | FASTER FORWARD™

10. Seconds Matter
Bending the Curve
- 2.54% Page load time
+ 2.93% Pages per session
+ £54,000 Ad revenue
Time
Pagespersession
August September

11. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™

12. Target Performance Budget
2 Seconds (Even on Cellular)
Page Load Time: Seconds
Who are
these
people?

13. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™
Mobile Performance

14. #WebPerf issues
Where do you start?

15. ©2017 AKAMAI | FASTER FORWARD™
DeviceNetwork Content××
 OS
 (Browser)
 CPU & Mem
 Display
 Sensors
 Edge / 3G / LTE
 Wi-Fi
 Proxies
 HTTP/2
 Images
 Videos
 APIs
 Apps

16. UK: LTE Speed Over Time
1 Year, ~50%
Reduced LTE
bandwidth
Source: OpenSignal
10Mbps
Time
Bandwidth

17. ©2017 AKAMAI | FASTER FORWARD™
DeviceNetwork Content××
IPv6 TLS RTT

18. ©2017 AKAMAI | FASTER FORWARD™
Source: OpenSignal
2014: 18.7k Different Android Devices

19. ©2017 AKAMAI | FASTER FORWARD™
Source: OpenSignal
2015: 24.0k Different Android Devices

20. ©2017 AKAMAI | FASTER FORWARD™
What device do You have?
What device do your Parents have?
What device do your Children have?

21. ©2017 AKAMAI | FASTER FORWARD™
“…2 5% of new Android phones
have only 512 MB of RAM.”
Jen Fitzpatrick
VP of product management for Google Maps

22. ©2017 AKAMAI | FASTER FORWARD™
DeviceNetwork Content××
<picture/>
srcset=“”
Chroma
Subsampling
RWD
4:2:0

23. httparchive.org
Average Web Page

24. httparchive.org
Average Web Page

25. ©2017 AKAMAI | FASTER FORWARD™
DeviceNetwork Content××
Cache API Assembly Client
Hints
Perceptual
Quality
DDoS
& Bots

26. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™
The Internet
Caching is still important No
surprises
here!

27. Case Study: CBC
Synchronized Cache w/ Akamai

28. OpEx Impact
Origin Bandwidth <100mbps

29. ©2017 AKAMAI | FASTER FORWARD™Akamai Connector For Varnish

30. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™
Varnish Operators
Common Challenges
1.Duplication of logic: in VCL and in Akamai
2.Decoupled Varnish Akamai lifecycle changes
3.Akamai best practices inconsistency

31. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™
Akamai Connector For Varnish
What and Why
1.Simplifies daily operations
2.Control your Akamai cache configuration using
(VCL)
3.Manage application lifecycle changes at origin
4.Apply Akamai best practices automatically

32. ©2017 AKAMAI | FASTER FORWARD™

33. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™
Akamai
Platform
Origin
Varnish
VCL with
cache policies
Purges initiated
Advanced cache policies
Purges replicated
Akamai Connector For Varnish
Architecture
• Orchestration from Origin
• Synchronize workflow
• Apply Akamai best practices

34. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™
DEMO*
* Disclosure: This is not a live demo!

35. Setup
import std;
import akamai;
include "akamai_auto.vcl";
# Ubuntu/Debian
$ apt-get install varnish-plus-akamai-connector
Varnish-Cache also available

36. ©2017 AKAMAI | FASTER FORWARD™

37. ©2017 AKAMAI | FASTER FORWARD™

38. Make a change
> http PURGE https://thirtyone.com/womens-tops.jpg

39. ©2017 AKAMAI | FASTER FORWARD™

40. ©2017 AKAMAI | FASTER FORWARD™
Wait. What?

41. ©2017 AKAMAI | FASTER FORWARD™
Cache
Client
Hints
Chroma
Subsampling
4:2:0
IPv6
RTT

42. Advanced
Cache Synchronization
sub vcl_backend_response {
if (bereq.url ~ "^/esi/") {
set beresp.do_esi = true;
}
set beresp.ttl = 2d;
set beresp.grace = 1h;
set beresp.http.Cache-Control = "max-age=300";
}

43. ©2017 AKAMAI | FASTER FORWARD™

44. ©2017 AKAMAI | FASTER FORWARD™©2017 AKAMAI | FASTER FORWARD™
Take action
Join the early
• https://info.varnish-software.com/akamai-varnish-la-participation
• Available for Varnish Plus or Varnish Cache
• #FREE
• #JustAddZebras

45. ©2017 AKAMAI | FASTER FORWARD™
Together, we can make
your #OpsLife easier

46. ©2017 AKAMAI | FASTER FORWARD™
QUESTIONS?