John Mancuso

Whole Site Delivery with Amazon CloudFront

Solutions Architect, Amazon Web Services

jman@amazon.com

Vários Tutoriais , treinamentos e mentoria em

português

Inscreva-se agora !!

http://awshub.com.br

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

What is CloudFront?

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.

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.

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

CloudFront Edge Locations

S3 bucket or custom origin with content

Data transfer of cached content to end user (if cached)

End-user requests content

Data transfer of content to CloudFront edge location to cache

Cached copies of objects

If content not cached – object requested from origin

1 2

3 4

Request routed to most optimal edge location

How CloudFront Works:

Non-Cached Object

8

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 requests content

Cached copies of objects

1

2

Request routed to most optimal edge location

9

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

Customer presentation: LogOn

• 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 AWS oferece

para seus parceiros

permitiu redução de custos de acordo com

a nossa real necessidade.”

- Thiago Lemos

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.

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

What is Whole Site Delivery?

Dynamic

Static

Personalized Website Example

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

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

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.

Whole Site Delivery Use Cases

• News

• Weather

• Sports

• Social Media

• Advertising

• Travel

• Stocks

Why use CloudFront for Whole Site Delivery?

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.

CloudFront can make your web applications…….

Faster

Scale Better

Easier to Manage

Cost Less

Faster: The Performance Problem

Long Distance + Poor Network = Slow Load Times

Faster: How CloudFront Helps

CloudFront helps change this equation to…

Short Distance + Optimized Network = Fast Load Times

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

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

CloudFront can make your web applications…….

Faster

Scale Better

Easier to Manage

Cost Less

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.

CloudFront can make your web applications…….

Faster

Scale Better

Easier to Manage

Cost Less

CloudFront can make your web applications…….

Faster

Scale Better

Easier to Manage

Cost Less

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.

CloudFront can make your web applications…….

Faster

Scale Better

Easier to Manage

Cost Less

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.

What’s new with CloudFront

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.

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.

Customer presentation: GuiaMais

“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

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

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

Configuring CloudFront for Whole Site Delivery

Walkthrough

Resources

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

Thank You!

jman@amazon.com