Driving Better Performance through to the End User

Driving Better Performance through to the End UserModerator: Dev Gupta, Services Manager, AkamaiJason McKenzie, Director Online Marketing, Global Brand and Communications, PwCEdgar Dorn, Lead Architect, Digital Marketing Platform Group, General Mills

Accelerating InnovationJim AnthonyVP, Sales Engineering

[email protected]

Enterprise Requirements

Enterprise-Class Platform• Compliant • High-performance• Global presence

Highly Secure• Architecture• Assessment• Response

Relevant & Accessible• Integration• Interoperability• Enablement

Colocation

• Global footprint of 50 top-tier facilities• Highly secure• Carrier-neutral global peering centers• Access to >160 global network providers

• Flexible colocation solutions• Cage, cabinet, private suite deployments• Racking and cabling services• Remote hands services• NOC services

ColocaitonGLOBAL DATA CENTER FOOTPRINT

Infrastructure & Cloud Services

• 750,000 square foot purpose-built data center• Global connectivity from >160 carriers, 15 domestic backbones• 100% SLA on power and environmentals• Home to critical Internet infrastructure and leading applications

NAP OF THE AMERICAS®

Infrastructure & Cloud Services

• 60-acre federal-grade data center campus • Engineered to meet Uptime Institute Tier III standards• Highest levels of physical security• Headquarters building with secure 150-seat auditorium

NAP OF THE CAPITAL REGION™

Networking & Connectivity

Interconnect Services• Cross-connect services• Multiplexing/Demultiplexing• International Gateway • Optical Ring Termination

Peering Services• Public or private arrangements• Fully-redundant Exchange Point

Platform

Managed Routing Service• High-performance Internet transit• Included with Cloud, Hosting• Access to multiple Tier 1 networks• 24/7 monitoring

Additional Services• Custom architectural services• 24/7 NOC & SNOC services• Akamai CDN services

Enterprise CloudEnterprise Cloud • Virtual Private Cloud architecture• Powered by VMware vSphere• Private compute pools guarantee resources• Burst mode for dynamic scale• Secure, auditable and compliant• Physical device integration• Private network integration• Full-featured RESTful API• Available as dedicated private cloud

vCloud™ Services• vCloud™ Express

• vCloud™ Datacenter

• Private/hybrid solution

• vCloud API compatible

Managed Hosting• Dedicated or virtualized environments

• Managed OS, infrastructure• Device-level SLAs

• Additional support tiers available• Database server support• Application platform management• Custom application support • Transaction-level SLAs

• Professional Services• Scalability testing• Migration services

Clients

TMRK-INT082011 SW

Akamai Confidential ©2011 Akamai

Driving Better Performance through to the End UserModerator: Dev Gupta, Services Manager, AkamaiJason MacKenzie, Director Online Marketing, Global Brand and Communications, PwCEdgar Dorn, Lead Architect, Digital Marketing Platform Group, General Mills

Measuring & Improving Performance Through to the End User Edgar Dorn | General Mills


General Mills• One of the world’s largest food

companies

• $14.9 billion in FY11 net sales

• 35,000 employees

• Over 100 leading brands

• Marketed in more than 100 countries


Web Technology Team

• Implements and manages 350+ web applications

• Over 150 million unique visitors a year

• Completely dedicated ISP realm for our public websites

• 2 BMC/Coradiant TrueSight appliances


Challenges

• Our growth was exceeding our expectations• Site traffic exceeding 1 terabyte daily• Performance was good, but faster is always better• Significant traffic spikes• Better monitoring• Hardware & Infrastructure• SEO rankings


Improving & Measuring Performance

Biggest performance gains• Website optimization• Leverage Akamai CDN• Extensive caching

Ways in which we measure performance optimization• External website monitoring services• Internal monitoring service• BMC/Coradiant TrueSight appliances


Caching Strategy

• Browser• Edge• Server side• Distributed• Service Endpoints


Benefits• Real time visualization of worldwide traffic experience• Measures application performance by the end user• Offers full range of monitoring tools and incident alerts

BMC/Coradiant TrueSight Edge for Akamai“…a custom-built, software-based product that provides performance visibility into Web applications delivered by Akamai.” --Akamai Technologies, Inc.

Easy Integration • Addition of 2 files to each website: .js and image• Akamai dynamically inserts a link to the javascript file for

every page request

BMC/Coradiant TrueSight Appliances


Real-time Traffic Monitoring Dashboard


Performance & Availability Dashboard


Overall Health Snapshot


Insight to the End User Experience


Incident Information in Detail


Highlights

• Optimize your web pages• Too much smart caching is never enough• Make sure you have an overall vision of your sites performance• Speed is a feature, design your applications with performance

in mind.


General Mills Fun Facts

• We provide 60 million servings of whole grain cereals worldwide

• People consume 2 million pounds of Green Giant vegetables

• 5 million people enjoy fresh-baked Pillsbury cookies

• More than 1 million people savor the richness of Haagen-Dazs Ice Cream

Every Day:

Increasing offload and performance for a dynamic siteJason McKenzie | PwC


Any opinions in this presentation are personal and it does not constitute or represent any

advice or opinion of PwC.


1847757 / 154175,000+26.6 / 81



12153.012156 -27.480991150+/30+800+


My roadmap Dynamic pages

Improving performanc

e

What I’d like to cover today:


TTLs CCU Cache-keys WCO ESI

Some terms we’ll encounter:


<esi:include src=“/hot/content)“ ttl=“30s“/>

Include some content from another URL?


<esi:include src="my-page?id=$(HTTP_COOKIE{'user-id'})"/>

Pass an ID?


<esi:choose> <esi:when test="$(HTTP_USER_AGENT{'os'})=='WIN' & $(HTTP_USER_AGENT{'browser'})=='MSIE' & $(HTTP_USER_AGENT{'version'}) matches '^6\.[0-9]+'"> <h1>Wow. IE 6? You really need to upgrade.</h2> </esi:when></esi:choose>

Want to tailor for browsers?


<esi:choose> <esi:when test="!$(HTTP_EXPIRES) & !$(HTTP_CACHE_CONTROL)"> $add_header('Expires', $http_time($time() + 36000)) $add_header('Cache-Control', 'max-age=24h') </esi:when></esi:choose>

Downstream cache headers?


My roadmap


Offload goal:

90%+August 88%

Speed goal:

<1.5secs


The roadmap

Phase 1:Baby steps

Phase 2: CMS

integration

Phase 3: Maximizing offload


The roadmap

No-cache•Web pages

Hours•Digital assets

Days•Template files

Phase 1: Baby steps

TTLs – Client-IP


The roadmap

No-cache

• Some Dynamic pages

Minutes• Search results

• Other dynamic pages

Days• Most pages• All digital assets

Phase 2: CMS integration

Headers API


The roadmap

No-cache

• Some Real-time & user-specific content blocks

Minutes• Othernear real-time & user-specific content blocks

Days• Most pages• All digital assets

Phase 3: maximizing offload

ESI – cache-keys

+Web Content Optimization


Handling dynamic pages


Working out your approach

How often is the

content/data updated?

Real-time:no-cache

<7mins:headers

7mins+:High TTL +

CCU


Working out your approach

Is the majority of the page static?

Yes: Use Ajax/ESI for the dynamic

content

No: Use ESIfor the static

contenteg navigation


Breaking your content apart

Currency conversionText TTL = 5minsImg TTL = 5mins

Weather forecastText TTL = 3hrsImg TTL = Forever

Weather nowText TTL = 15minsImg TTL = Forever


Breaking your content apart

“Welcome, friend”ESI choose with ID in URL and push up the TTL

Welcome, Jason

AlertsTTL = High and use Ajax and local storage

Shopping cartLow/No-Cache


Bringing it all together


Defining TTLs

LOW

15m

3h

5h

1h plus ajax

NO-CACHE

HIGH

DAYS

DAYS

AJAX


ESI considerations

Number of requests?

Components from

different servers?

How can/will HTML 5 local storage help?


Resources

•http://www.w3.org/TR/esi-lang •http://www.akamai.com/html/support/esi.html •http://esi-examples.akamai.com/

http://www.w3.org/TR/esi-lang

http://www.akamai.com/html/support/esi.html

http://esi-examples.akamai.com/


Improving performance


WCO =Web Content Optimization =Tailoring your code and objects to reduce overhead, round-trips and execution time


You don’t need to be an expert

You can start todayDo your research and make some changes



Read Yslow’s recommendations and get FirebugSteve Souders from Google (and formerly from Yahoo!) says you could see “a 25% improvement by making even a few simple changes”



Reduce requests & use sprites where possibleMarissa Mayer from Google says “imagine every request costs a dollar and a larger file only costs $1.01”


You can start now.

Combine CSS files!

Combine JS files!

Avoid @import

Avoid filters

Use sprites!


Be spritely!


You can start now.

Minify!Optimiz

e graphics

Reduce cookies


Talk to your friends in IT

GZIP Chunk HTML

Inline GIFs


Inline graphics

#gday {background:url("data:image/gif;base64,R0lGODlhDQAMALMAAP///8TN4LbB2J+uzJGixXqOuXaLt2J6rVpzqE9qoztZmAAAAAAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAANAAwAAAQxEMgpVaIYHHDzVADoAYMRjmeoKMWxvtlKEGKsGEaNrbhO8bkR8GUIUBCulUSQWyEAEQA7"); width:13px; height:12px;}


Sometimes you’ll need to compromise




Don’t block

CSS>JS>inline Lazy loading Split domains

Post onload


Akamai’s prefetch

Enable it!Check for

“X-Akamai-Prefetched-

Object”

Consider meta-data

options

“Hide” images in your HTML

By default prefetch (according to Akamai’s guide) fetches these file types:aif aiff au avi bin bmp cab carb cct cdf class css doc dcr dtd exeflv gcf gff gif grv hdml hqx ico ini jpeg jpg js mov mp3 nc pct pdfpng ppc pws swa swf txt vbs w32 wav wbmp wml wmlc wmls wmlsc xsd zip



ResourcesYslow!http://developer.yahoo.com/yslow/help/http://developer.yahoo.com/performance/Googlehttp://code.google.com/speed/page-speedhttp://code.google.com/speed/Firebughttp://getfirebug.com/Fiddlerhttp://www.fiddler2.com/fiddler2/There are lots of videos on YouTube too:http://www.youtube.com/watch?v=aJGC0JSlpPE

EvangelistsGeneral: Steve Souders & Marissa MayerAjax: Douglas CrockfordWeb apps: Ben Galbraith & Dion AlmaerJavascript: Nicholas ZakasGzipping: Tony GentilcoreImages: Stoyan Stefenov & Nicole Sullivan

http://developer.yahoo.com/yslow/help/

http://developer.yahoo.com/performance/

http://code.google.com/speed/page-speed

http://code.google.com/speed/

http://getfirebug.com/

http://www.fiddler2.com/fiddler2/

http://www.youtube.com/watch?v=aJGC0JSlpPE

http://www.youtube.com/watch?v=aJGC0JSlpPE


Questions?

Documents

Driving Better Performance through to the End User