driving better performance through to the end user moderator: dev gupta, services manager, akamai...
Post on 18-Dec-2015
212 Views
Preview:
TRANSCRIPT
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 Anthony
VP, Sales Engineering
janthony@terremark.com
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
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
Caching Strategy
• Browser• Edge• Server side• Distributed• Service Endpoints
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
Real-time Traffic Monitoring Dashboard
Akamai Confidential ©2011 Akamai
Performance & Availability Dashboard
Akamai Confidential ©2011 Akamai
Overall Health Snapshot
Akamai Confidential ©2011 Akamai
Insight to the End User Experience
Akamai Confidential ©2011 Akamai
Incident Information in Detail
Akamai Confidential ©2011 Akamai
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.
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
Any opinions in this presentation are personal and it does not constitute or represent any
advice or opinion of PwC.
Akamai Confidential ©2011 Akamai
1847
757 / 154
175,000+
26.6 / 8
1
Akamai Confidential ©2011 Akamai
Akamai Confidential ©2011 Akamai
12
153.012156
-27.480991
150+/30+
800+
Akamai Confidential ©2011 Akamai
My roadmap Dynamic pages
Improving performance
What I’d like to cover today:
Akamai Confidential ©2011 Akamai
TTLs CCU Cache-keys WCO ESI
Some terms we’ll encounter:
Akamai Confidential ©2011 Akamai
<esi:include src=“/hot/content)“ ttl=“30s“/>
Include some content from another URL?
Akamai Confidential ©2011 Akamai
<esi:include src="my-page?id=$(HTTP_COOKIE{'user-id'})"/>
Pass an ID?
Akamai Confidential ©2011 Akamai
<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?
Akamai Confidential ©2011 Akamai
<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?
Akamai Confidential ©2011 Akamai
My roadmap
Akamai Confidential ©2011 Akamai
Offload goal:
90%+August 88%
Speed goal:
<1.5secs
Akamai Confidential ©2011 Akamai
The roadmap
Phase 1:Baby steps
Phase 2: CMS
integration
Phase 3: Maximizing
offload
Akamai Confidential ©2011 Akamai
The roadmap
No-cache
•Web pages
Hours
•Digital assets
Days
•Template files
Phase 1: Baby steps
TTLs – Client-IP
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
Handling dynamic pages
Akamai Confidential ©2011 Akamai
Working out your approach
How often is the
content/data updated?
Real-time:no-cache
<7mins:headers
7mins+:High TTL +
CCU
Akamai Confidential ©2011 Akamai
Working out your approach
Is the majority of the page static?
Yes: Use Ajax/ESI for the dynamic
content
No: Use ESIfor the static
content
eg navigation
Akamai Confidential ©2011 Akamai
Breaking your content apart
Currency conversionText TTL = 5mins
Img TTL = 5mins
Weather forecastText TTL = 3hrsImg TTL = Forever
Weather nowText TTL = 15minsImg TTL = Forever
Akamai Confidential ©2011 Akamai
Breaking your content apart
“Welcome, friend”
ESI choose with ID in URL and push up the TTL
Welcome, Jason
Alerts
TTL = High and use Ajax and local storage
Shopping cart
Low/No-Cache
Akamai Confidential ©2011 Akamai
Bringing it all together
Akamai Confidential ©2011 Akamai
Defining TTLs
LOW
15m
3h
5h
1h plus ajax
NO-CACHE
HIGH
DAYS
DAYS
AJAX
Akamai Confidential ©2011 Akamai
ESI considerations
Number of requests?
Components from
different servers?
How can/will HTML 5 local storage help?
Akamai Confidential ©2011 Akamai
Resources
•http://www.w3.org/TR/esi-lang •http://www.akamai.com/html/support/esi.html •http://esi-examples.akamai.com/
Akamai Confidential ©2011 Akamai
Improving performance
Akamai Confidential ©2011 Akamai
WCO =Web Content Optimization =Tailoring your code and objects to reduce overhead, round-trips and execution time
Akamai Confidential ©2011 Akamai
You don’t need to be an expert
You can start todayDo your research and make some changes
Akamai Confidential ©2011 Akamai
Improving performance
Read Yslow’s recommendations and get Firebug
Steve Souders from Google (and formerly from Yahoo!) says you could see “a 25% improvement by making even a few simple changes”
Akamai Confidential ©2011 Akamai
Improving performance
Reduce requests & use sprites where possible
Marissa Mayer from Google says “imagine every request costs a dollar and a larger file only costs $1.01”
Akamai Confidential ©2011 Akamai
You can start now.
Combine CSS files!
Combine JS files!
Avoid @import
Avoid filters
Use sprites!
Akamai Confidential ©2011 Akamai
Be spritely!
Akamai Confidential ©2011 Akamai
You can start now.
Minify! Optimize graphics
Reduce cookies
Akamai Confidential ©2011 Akamai
Talk to your friends in IT
GZIP Chunk HTML
Inline GIFs
Akamai Confidential ©2011 Akamai
Inline graphics
#gday {background:url("data:image/gif;base64,R0lGODlhDQAMALMAAP///8TN4LbB2J+uzJGixXqOuXaLt2J6rVpzqE9qoztZmAAAAAAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAANAAwAAAQxEMgpVaIYHHDzVADoAYMRjmeoKMWxvtlKEGKsGEaNrbhO8bkR8GUIUBCulUSQWyEAEQA7"); width:13px; height:12px;}
Akamai Confidential ©2011 Akamai
Sometimes you’ll need to compromise
<!--[if gt IE 8]><link rel="stylesheet" type="text/css" href="inline.css" /><![endif]--><!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="not-inline.css" /><![endif]-->
Akamai Confidential ©2011 Akamai
Don’t block
CSS>JS>inline Lazy loading Split domains
Post onload
Akamai Confidential ©2011 Akamai
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
Akamai Confidential ©2011 Akamai
Improving performance
Resources
Yslow!
http://developer.yahoo.com/yslow/help/
http://developer.yahoo.com/performance/
http://code.google.com/speed/page-speed
http://code.google.com/speed/
Firebug
http://getfirebug.com/
Fiddler
http://www.fiddler2.com/fiddler2/
There are lots of videos on YouTube too:
http://www.youtube.com/watch?v=aJGC0JSlpPE
Evangelists
General: Steve Souders & Marissa Mayer
Ajax: Douglas Crockford
Web apps: Ben Galbraith & Dion Almaer
Javascript: Nicholas Zakas
Gzipping: Tony Gentilcore
Images: Stoyan Stefenov & Nicole Sullivan
Akamai Confidential ©2011 Akamai
Questions?
top related