A/B Testing with CloudFront and Lambda@Edge

[omenking]

Internet flows through Route53 into CloudFront CloudFront these uses Lambda@Edge to reroute to a different bucket

I think this article explains it: https://aws.amazon.com/blogs/networking-and-content-delivery/dynamically-route-viewer-requests-to-any-origin-using-lambdaedge/

This diagram might be correct:

[omenking]

This is the diagram by Karan

[omenking]

• [x] font color for service should match its service colour or be black

Here Cloudfront is purple, yet the service is orange

• [x] icons should generally be the same size eg. user and phone

Here you can see phone and user are wildly different sizes

• [x] missing AWS lambda edge location

You can see a group around both CloudFront and Lambda

• [x] should be using region zone around s3 buckets instead of generic group

These groups are labeled at the bottom region and logically would be region groups.

• [ ] tighten arrow spacing

The space between this arrow are too far apart. I realize the original design does it differently but we can compact it reducing the overall size.

This had good spacing. I would expect to see the spacing of the exact same difference when possible in other parts of the diagram.

• [x] instructional markers eg. 1, 2, 3, their text colour should be the same as the box

This is orange is hard to read. not sure if its the kit orange or the exampro orange. I would rather see this bright red or blackish

• [x] adjust spacing and font size of instructional marker text

The text to the arrow is too tight, its also possible reducing the font by a bit will differentiate the instructional markers from the service text.

[karanbalaji]

[omenking]

• [ ] This returned Object to be cached not really useful, remove all text for this

  

• [x] Still using correct region group

this is what it looks like:

• [x] use generic group

There is no Edge group, styling here you are using generic dashed lines

Id say use this instead.

For the edge location put its icon in the top left corner, just like the region:

• [x] center the arrows

• [x] align arrows to other edges

  

• [x] place both buckets in one region since we don't care about durability.

[karanbalaji]

[omenking]

This ticket is for CloudFront and the screenshot last is not relevant to this ticket.

[karanbalaji]

This ticket is for CloudFront and the screenshot last is not relevant to this ticket.

Added the correct screenshot