CDN Demo

Demos

About

This website demonstrates how to use CDN to improve website performance, to run website faster. Page Load Time is a critical factor of UX, and SEO as well.

The faster your website renders, the more the attention you will get from your customers. Internet is here to reduce friction.

It doesn't matter how beautiful/interactive your RWD website is if it takes tens of seconds to load a webpage!

The demos above look the same. They are same from HTML coding perspective. All 1st party objects are static. The only difference is the delivery arrangement of 1st party content - from what origin and which CDN(s):

1. Origin: AWS S3; CDN: none
2. Origin: AWS S3; CDN: CloudFront
3. Origin: AWS S3; CDN: ChinaCache
4. Origin: AWS S3; CDN: ChinaCache for China and CloudFront for elsewhere
5. Origin: Google Cloud Storage; CDN: Google Cloud CDN (note: Google Cloud CDN requires GCP Load-Balancer as origin.)
6. Origin: Google Cloud Storage; CDN: ChinaCache for China and Google Cloud CDN for elsewhere
7. Origin: AWS S3; CDN: ChinaCache for China, Fastly for UK and CloudFront for elsewhere. Using AWS Route 53 Geolocation Routing.
8. Origin: AWS S3; CDN: ChinaCache for China, Fastly for UK and CloudFront for elsewhere. Using NS1 Geotarget Routing.

By clicking the demos, you can see & feel their differences in speed - how long it takes you to see the whole webpage. You can also use synthetic or RUM Page Load Time measurement tools to quantitatively compare demos. For example, here is a webpagetest.org visual comparison of demo#1 and demo#2.

More about why and how to create these demo webpages at my blog andrecheung.wordpress.com.

Contact

@jiansuo
linkedin.com/in/wkcheung
andrecheung.wordpress.com
Andre Cheung

demo.cheungwaikin.com

Share this: Tweet