Whole Site Delivery with Amazon CloudFront

1. John Mancuso
Whole Site Delivery with Amazon CloudFront
Solutions Architect, Amazon Web Services
jman@amazon.com

2. Vários Tutoriais , treinamentos e mentoria em
português
Inscreva-se agora !!
http://awshub.com.br

3. Agenda
• What is CloudFront & how does it work?
• Ways customers leverage CloudFront.
• Customer presentation: LogOn
• What is Whole Site Delivery?
• Why use CloudFront for Whole Site Delivery?
• What’s new with CloudFront?
• Customer presentation: GuiaMais
• Demo

4. What is CloudFront?

5. What is a CDN?
• A CDN (content delivery network) uses a network of
geographically dispersed servers (edge locations or POPs)
to cache copies of content close to end users, lowering
latency when they download or stream objects.

6. What is a CDN?
• A CDN (content delivery network) uses a network of
geographically dispersed servers (edge locations or
POPs) to cache copies of content close to end users,
lowering latency when they download or stream objects.

7. Two Key CloudFront Terms
• Distribution
– Set of rules that controls how
CloudFront will access the content
you want to deliver
– Output = Domain Name
• Origin
– Source of your content

8. CloudFront
Edge Locations
S3 bucket or
custom origin
with content
Data transfer of cached content to
end user (if cached)
End-user requestscontent
Data transfer of content to CloudFront
edge location to cache
Cached copies of objects
If content not cached – object
requested from origin
12
3 4
Request routed to most
optimal edge location
How CloudFront Works:
Non-Cached Object
8

9. How CloudFront Works:
Cached Object
9
CloudFront
Edge Locations
S3 bucket or
custom origin
with content
Data transfer of cached content to
end user (if cached)
End-user requestscontent
Cached copies of objects
1
2
Request routed to most
optimal edge location
9

10. Three ways customers leverage CloudFront
• cdn.mysite.com
– Media Delivery (Video & Audio)
– Software Download
– Web Site Assets (Images, CSS, JS)
• www.mysite.com
– Dynamic & static content
• Live Streaming
– Sporting Events
– Corporate Meetings & Events

11. Customer presentation: LogOn

12. • A Log On Editora Multimídia está presente no
mercado há mais de 24 anos e é a maior editora
e distribuidora nacional de conteúdos
audiovisuais para home video educacional e
cultural.
• A Log On é responsável pela criação do DX, uma
inovadora ferramenta multiplataforma para
publicação e distribuição de conteúdos audio
visuais via internet que já conta com mais de
100,000 usuários em grandes produtos para o
usuário final – ex.: Clube DX TV (infantil) e
Esporte Interativo Plus (esportes). O DX oferece
uma experiência única de consumo audiovisual
que alia de maneira inteligente a internet e a
experiência televisiva.
“Usando o AWS conseguimos unir segurança, disponibilidade,
escalabilidade com fácil administração e baixo custo, nos
permitindo maior liberdade para a evolução e qualidade do
produto”.
“O tratamento especial
que a AWSoferece
para seus parceiros
permitiu redução de
custos de acordo com
a nossa real
necessidade.”
- Thiago Lemos

13. O Desafio
• O desafio da LogOn era oferecer uma plataforma de
distribuição de conteúdos segura, barata, estável,
robusta e multi-plataforma, e que fosse acessível para
clientes de qualquer tamanho e interesse.
• No iníco a AWS atendia em parte nossa necessidade com
os serviços EC2 e S3, hoje já utilizamos 8 serviços
oferecidos pela AWS, nos permitindo manter o UP-TIME
que desejamos consumindo pouco esforço e custos
adequados, fazendo com que nosso produto seja
viável.
• Escolhemos a AWS por sua grande gama de serviços
oferecidos, suas formas de comercialização, por
oferecer uma parceria de qualidade, por ouvir seus
clientes e procurar atendê-los da melhor maneira
possível analisando caso a caso.

14. Sobre a o Papel da AWS e Benefícios
alcançados
PARAGRAFO RESUMO
CASO _ KEY WORDS
de BENEFICIO,
DESAFIO VENCIDO –
RESUMO DO CASO EM
UM PARAGRAFO
• Forte relacionamento de parceria
• Custos adequados a nossa realidade
• Serviços integrados e personalizáveis
• Up-time
• Facilidade no uso de API’s

15. What is Whole Site Delivery?

16. Dynamic
Static
Personalized Website Example

17. Typical Website Architecture
Elastic Load
Balancing
Dynamic Content
Amazon EC2
Static Content
Amazon S3
cdn.example.com/*.jpg
www.example.com/*.php
Custom Origin
OR
OR
Custom Origin

18. Whole Site Delivery with CloudFront
Elastic Load
Balancing
Dynamic Content
Amazon EC2
Static Content
Amazon S3 Custom Origin
OR
OR
Custom Origin
Amazon CloudFront
www.example.com
*.jpg
*.php

19. Whole Site Delivery: Common Myths
Myth
• None of my web pages are cacheable.
My pages are personalized and unique
for each user so using a CDN won’t be
possible or useful.
Debunked…
• Often, many pages are cacheable – e.g.
search results pages.
• Use Cookies and Query Strings as
cache keys – e.g. local weather pages.
• Network and path optimizations allow
CloudFront to speed up dynamic content
– e.g. personalized pages.

20. Whole Site Delivery Use Cases
• News
• Weather
• Sports
• Social Media
• Advertising
• Travel
• Stocks

21. Why use CloudFront for Whole Site Delivery?

22. Benefits of Whole Site Delivery with Amazon CloudFront
Making your web applications…….
Faster
Scale Better
Easier to Manage
Cost Less
…by leveraging AWS’ presence at the edge of the Internet.

23. CloudFront can make your web applications…….
Faster
Scale Better
Easier to Manage
Cost Less

24. Faster: The Performance Problem
Long Distance + Poor Network = Slow Load Times

25. Faster: How CloudFront Helps
CloudFront helps change this equation to…
Short Distance + Optimized Network = Fast Load Times

26. Faster: Global CloudFront Network
Europe
Amsterdam (2)
Dublin
Frankfurt (2)
London (2)
Madrid
Milan
Paris (2)
Stockholm
Asia
Hong Kong (2)
Osaka
Seoul
Singapore (2)
Tokyo (2)
South America
Sao Paulo
North America
Ashburn, VA (2)
Dallas, TX (2)
Hayward, CA
Jacksonville, FL
Los Angeles, CA (2)
Miami, FL
Newark, NJ
New York, NY (3)
Palo Alto, CA
Seattle, WA
San Jose, CA
South Bend, IN
St. Louis, MO
Australia
Sydney

27. Faster: Optimized Network Paths
Dynamic Content
Static Content
Amazon CloudFront
www.example.com
*.jpg
*.php
Low Latency
TCP/IP Window Sizing
Persistent Connections
Monitored Network Paths

28. CloudFront can make your web applications…….
Faster
Scale Better
Easier to Manage
Cost Less

29. Scale Better: How CloudFront Helps
Caching static content at the Edge.
Offloading connection set-up and SSL negotiation to the Edge.
Persistent connections and collapse forwarding help scale your
origin.

30. CloudFront can make your web applications…….
Faster
Scale Better
Easier to Manage
Cost Less

31. CloudFront can make your web applications…….
Faster
Scale Better
Easier to Manage
Cost Less

32. Easier to Manage: How CloudFront Helps
No need to write any custom code.
Multiple origins and cache behaviors make it easy to architect for
whole site delivery.
Self service signup and configuration via AWS Management
Console and APIs.

33. CloudFront can make your web applications…….
Faster
Scale Better
Easier to Manage
Cost Less

34. Cost Less: How CloudFront Helps
Same price for dynamic and static content!
Preferential pricing on origin fetches from S3 and EC2. NEW!
CloudFront is less expensive than AWS Data Transfer (over 10 TB per month).
Reserved Capacity Pricing for reduced rates with commitment.

35. What’s new with CloudFront

36. Custom SSL Certificate Support for CloudFront: WHAT?
Custom SSL Certificate support lets you use CloudFront to deliver content over
HTTPS using your own domain name and your own SSL certificate.

37. Zone Apex Support for CloudFront: WHAT?
"Zone apex" is the root domain of a website (example.com, without the
www).
Problem: The DNS specification requires "zone apex" to point to an IP
address (an ‘A’ record), not a CNAME (such as the name AWS provides for
a CloudFront distribution, ELB, or S3 website bucket).
Solution: Use Route 53’s ALIAS record.

38. Customer presentation: GuiaMais

39. “Neste projeto com CloudFront, atingimos 18% de redução no
tempo médio de entrega das páginas e melhora na percepção
de uso pelos nossos usuários”.
“Reduz a necessidade
de investimentos em
servidores e link, e
melhora a percepção
de uso do seu site
entregando as páginas
em um menor tempo”
- Marcio Bertolucci
Head IT
• A Carvajal é uma multinacional que possui 50 anos de história e está
presente em 9 países
• No Brasil esta há mais de 20 anos
• É líder nacional no segmento em que atua de internet, listas e guias
• Possui marcas reconhecidas em todo país como: GuiaMais, Editel, Listel
e VivaCupom
• 20 milhões de pessoas acessam o GuiaMais todo mês
• 2 milhões de pessoas acessam o GuiaMais via smartphones/tablets
• O GuiaMais está entre os 50 sites mais acessados do Brasil em 2012
• Mais de 3 milhões de empresas estão no GuiaMais

40. O Desafio
• Reduzir o Tempo de Resposta / Latência do GuiaMais
• Melhorar a Percepção de Uso dos nossos Usuários
• Melhorar a Percepção de Uso Regional do GuiaMais (Norte/Nordeste)
• Encontrar um parceiro de CDN que não aumentasse significativamente
os nossos Custos
• CloudFront foi o serviço escolhido por possibilitar:
• Fácil implementação
• Custos melhores que a concorrência
• Pontos de distribuição que atendiam nossos requisitos técnicos

41. Sobre o Papel do CloudFront e
Benefícios alcançados
PARAGRAFO RESUMO
CASO _ KEY WORDS
de BENEFICIO,
DESAFIO VENCIDO –
RESUMO DO CASO EM
UM PARAGRAFO
• Implementação Simples e Rápida
• 18% de redução no tempo médio de entrega das nossas páginas
• Eliminado a necessidade de investimentos de curto prazo em novos
servidores
• Melhora importante na percepção Regional do GuiaMais
• Custos melhores que da concorrência
• Outros Benefícios Alcançados não Planejados:
• 15% de Aumento do Tráfego
• 35% Aumento da Receita de Adsense Google
• ROI foi compensado pelo Aumento da Receita de Adsense Google

42. Configuring CloudFront for Whole Site Delivery
Walkthrough

49. Resources
Get Started at: http://aws.amazon.com/cloudfront/

50. Thank You!
jman@amazon.com