Home Blogs Cloudflare vs. CloudFront vs. Edgio—A Comparison of the Leading CDNs
Applications

Cloudflare vs. CloudFront vs. Edgio—A Comparison of the Leading CDNs

About The Author

Outline

Edgio allows websites to achieve cache hit rates for dynamic data at the edge in the 95% range, while the sites that use traditional CDNs see a low 6%.

There are many CDN platforms out there, but, at the core, each serves the same goal—to make websites faster by utilizing distributed networks of edge servers in locations close to the users accessing them. But once you look under the hood, it becomes clear that each CDN platform uses slightly different means.

Many of today’s CDNs do much more than distribute content—they offer many other features for improved security, analytics and development. And as content evolves into more dynamic formats and is viewed through a fragmented ecosystem of devices, choosing the right CDN that works best for your specific business and type of content (e.g., static assets vs. dynamic data / JSON, etc.) is more important than ever. This post will hopefully shed some light on the subject and compare the two popular CDN platforms, Cloudflare and Cloudfront with Edgio.

Speed sells

Running a fast website is no longer some fancy, superfluous gimmick. It is becoming a viable element of the SEO arms race. Google has always paid attention to site load speeds and ranked websites based on performance. But now it’s time to take action as we know that from 2021 onwards, site speed will be a critical element of SEO ranking.

Google’s Page Experience Update introduces new metrics called Core Web Vitals (CWV) to measure the page’s loading, interactivity and visual stability times. Source: Google Webmaster Central Blog

Many players will soon feel the consequences of not offering a great experience, especially by eCommerce site operators, which tend to be image-rich and have unique features that slow them down, like real-time inventory lookups and dynamic pricing. According to Google’s own research, just a 100ms improvement to mobile page loads boosts an eCommerce website’s conversion rate by 8.4%. Slow websites will slide down the SERP page and possibly suffer million-dollar losses.

The problem with today’s CDNs

CDNs were originally built to serve the needs of a completely different internet reality: websites were lighter and consisted mainly of text and images, which hardly ever changed. On the other hand, today’s Web is a fickle beast: it is vast and more complex than ever. Websites are progressively more complex, larger, database-driven and packed with sophisticated media, CSS stylesheets, JavaScript and a myriad of third-party APIs. At the same time, consumers’ expectations around speedy browsing experiences still hold. And while increasingly harder to meet—they are as important as ever.

The increasing complexity of websites creates its own share of new challenges for CDN providers. CDNs must evolve to support this crazy pace of evolution and provide infrastructure and features that make the new, dynamic and image-heavy pages run quickly and make great browsing experiences possible. Modern CDNs must provide support for richer and more sophisticated content and evolving protocols and formats while protecting websites from DDoS attacks, which are growing in scale and sophistication.

Let’s now have a look at the popular CDNs Cloudflare and Cloudfront, as well as the Edgio, and see if they’re up to the challenge.

Cloudflare

Cloudflare positions itself as a lower-cost CDN. It offers a global presence and unique performance capabilities and is known for a relatively strong focus on security. Cloudflare is user-friendly, easy to set up, affordable, and makes a pledge to meet the future needs of the businesses using it. It can optimize content beyond static assets and comes with various security features.

Their global CDN infrastructure accelerates the internet applications and mobile experience, ensuring application availability. Lastly, they operate a network of 200 data centers in different countries to reduce latency and improve the browsing experience for users.

Cloudflare key features

Among other things, Cloudflare accelerates websites by removing unnecessary characters from HTML, JavaScript, and CSS to reduce the size of the files of a website. A reduced-size file will load faster. Cloudflare also uses local storage to cache the objects needed to achieve the best rendering of websites.

Improved web experience: Rather than sending all the requests from different corners of the world onto a single server, requests are distributed on Cloudflare’s fleet of 200+ distributed servers. This distributed network balances the workload of the servers and keeps the content available to users.

Security. Protects your website from all sorts of online threats, including DDoS attacks.

Site analytics. Cloudflare offers analytics features to track the performance of your server. The built-in analytics allow you to keep tabs on your website traffic and track the avoided threats, bot traffic and much more.

Advanced WAF: Cloudflare also offers adequate security solutions for enterprise-level websites to combat severe attacks that can degrade the performance of a website. Web Application Firewall rules are automatically updated when security threats are discovered.

24/7 email and phone support is available, but only in the Enterprise plan.

Pros of Cloudflare:

  • Offers Argo smart routing

  • AutoMinify for smart content optimization

  • Web and browser optimization

  • SSL/TLS, Web Application Firewall and Cloudflare Access: identity and access management enabling secure application access without a VPN

  • Free shared SSL certificate

  • Unlimited and unmetered bandwidth consumption

  • Image optimization with Polish

  • PCI compliance and prioritizes email support for eCommerce websites.

Cons of Cloudflare:

  • Possibility of man-in-the-middle forgery

  • Unsolvable roadblocks can degrade performance

  • Lowered usability due to unnecessary captchas

  • Some advanced features like “log access,” are only available on expensive plans (Business and Enterprise).

Cloudflare pricing

Cloudflare is one of the most affordable ways to get a CDN for your site. It’s available in four plans: Free, Pro, Business, and Enterprise. The Pro plan is priced at $20 and the Business will cost you $200 per domain. The Enterprise plan is the “à la carte” type of offer, which is priced and custom-tuned independently to meet the specific needs of the client.

Cloudflare free tier plan

Cloudflare offers specific add-ons, like Dedicated SSL Certificates, Load Balancing, Argo Smart Routing, and Rate Limiting, which require an additional fee on top of the monthly subscription.

Interestingly, even Cloudflare’s free plan comes with basic DDoS protection. There is also more advanced DDoS protection available on the premium plans. It’s no surprise that Cloudflare’s free, unmetered plan is a major draw for many businesses looking to dip their toes in CDN technology and speed up their site with minimal effort. The switch to a paid plan—or a different CDN provider altogether—is always possible later on.

Why choose Cloudflare?

Cloudflare has a few advantages speaking in its favor:

  • It’s super affordable compared to the other CDN offerings and comes with a free tier.

  • Cloudflare is a good choice if you don’t have a lot of dynamic images or want transparent WAF (and other security features).

  • Cloudflare has strong DDoS mitigation features (behind Akamai)

  • Cloudflare offers managed security services with an unbeatable price point.

CloudFront

Cloudfront is an extended service of Amazon. The beta version of Cloudfront launched in November 2008 and then re-launched in January 2009 with more attractive pricing. Needless to say, Amazon operates a really impressive number of edge locations and boasts a global network of edge locations spread across different regions of the world.

CloudFront key features

Amazon Cloudfront offers easy integration with other popular AWS services like Amazon S3, Amazon EC2, AWS Lambda@Edge, AWS Elemental MediaStore and MediaPackage, Amazon CloudWatch, etc., which is probably the best part of using CloudFront. It also works with the AWS Management Console.

On top of that, CloudFront offers these additional features:

  • Support for dynamic content, not just static assets.

  • Reports on cache statistics and popular objects, monitoring and alarming, usage charts and more.

  • Advanced security features and geo-restriction.

  • 24/7 customer support (email and phone, although at an extra charge). By default, you just get access to a community forum.

Pros of CloudFront

  • Per-usage billing model makes it cost-effective

  • Seamless integration with other AWS services

  • A possibility to adjust the plan as you go depending on your current needs and pay only for the actual usage.

  • Edge servers in many different continents, including North America, South America, Asia, Europe, and Australia.

  • CloudFront generates valuable insights via report charts that allow you to track trends in data transfer and requests for your website.

  • Private content feature that lets you restrict access to your content.

Cons of CloudFront

  • Dynamic content caching at only 16% rate, which is better than the average 6% seen across traditional CDNs, but is still far too low to deliver speedy eCommerce or other database-driven websites.

  • Complex integration as compared to other CDNs

  • Although CloudFront’s pricing follows the pay-per-use model, scalability may cost you a pretty penny. A website with low traffic can easily afford the service, but an increase in traffic will quickly translate into a heavier bill.

  • Limited visibility into the underlying CloudFront structure.

  • Technical support is there, but not free for all.

CloudFront pricing

CloudFront is a pay-as-you-go CDN that helps you offer your end-user a seamless web experience by delivering them the content they requested via its nearest edge location. It offers three pricing tiers:

Free tier

New AWS customers receive 50 GB data transfer out and 2,000,000 HTTP and HTTPS requests each month for one year. The free tier is metered per month. Usage is aggregated across all AWS edge locations and automatically applied to your bill. Monthly usage does not roll over to the following period if not used.

One important caveat: you can only use the free plan for the first 12 months of becoming an AWS customer.

On-demand

Unlike other CDNs on the market, CloudFront costs less whereas Amazon’s costs are lower. Their prices vary across geographic regions and are based on the edge location through which your content is served. Usage tiers for data transfer are measured separately for each geographic region, as seen below:

CloudFront On-Demand metered pricing model

Discounted pricing

Discounted pricing is available for customers expecting at least 10 TB of data transfer per month—over a period of 12 months or longer. CloudFront discounts will vary based on the amount of the commitment.

Why choose CloudFront?

CloudFront is a great choice for you if you’re after a seamless integration with other AWS services or your existing AWS stack (i.e., automation and metrics) and need a CDN that supports fast delivery of highly dynamic content.

It is also a good choice if you have much dynamically changing content, like eCommerce and Travel sites do, and want tight integration with your in-place pipeline. CloudFront supports pushing content to your edge locations with higher TTLS, which means DDoS becomes Amazon’s problem.

If you have a diverse audience base and you want to offer efficient video streaming, CloudFront is also a great choice.

Edgio

Edgio is an infrastructure that enables large, database-driven websites to deliver sub-second experiences. And because it makes websites run faster, it unavoidably gets compared to the leading CDNs. There is nothing wrong with that, but it is with noting that Edgio is much more than just a CDN, and side-by-side comparisons don’t always do it justice. Edgio comes with an application-aware CDN-as-JavaScript, which can augment or even replace your current CDN and bring all the web security features you need to the edge. Edgio also comes with a bunch of dev-focused technologies that make the entire process of developing, deploying, previewing, experimenting on and running your headless frontend simple, including automated full-stack preview URLs, a serverless JavaScript backend for the frontend, advanced cache monitoring and more.

Edgio edge server locations

CDN-as-JavaScript is the world’s first JavaScript configurable CDN you configure right within routes.js. You’ll never have to go back to writing VCL, proprietary APIs, or trudging through a web console.

CDN-as-JavaScript, advanced predictive prefetching and, most importantly, complete control over caching at the edge allow websites on Edgio to remain 5 seconds ahead of shoppers’ taps. This is done by streaming cached dynamic content (i.e., JSON/SSR/HTML) from the edge to the browser before the shopper taps on a thing and based on what they are most likely to tap on next.

Adaptive Load Balancing reduces the time servers spend delivering a load over a target threshold.

In this case, we observed an 88% reduction in time spent over target skewness in this PoP. This is a good indicator that Adaptive Load Balancing can maintain the skewness of the load distribution around the desired value.

Results from global deployment

After testing the optimization on a handful of selected PoPs and seeing good results on the measured metrics, we deployed the system to every PoP to quantify the aggregated impact over time. As earlier, we measured the number of collective minutes servers in a PoP spent delivering traffic above our specified target skewness (set to 1.8x median server load in a PoP). The next plot shows two distributions of minutes servers spent over that threshold for 75 PoPs. The blue line corresponds to 4 days of baseline data, and the orange line corresponds to 4 days of Adaptive Load Balancing data. The overall shift of the distribution to the left shows that servers in the PoPs running Adaptive Load Balancing spent fewer minutes over the threshold.

Edgio key features

For a complete rundown of all the bells and whistles with Edgio, see the table below.

Edgio pricing

Edgio comes in two tiers: Free and Enterprise. Although only a limited version of the full deal, the former is the easiest and fastest way to get started and experience the key advantages of Edgio.

Enterprise pricing depends on numerous factors, such as your traffic and the number of environments and seats you need. At this point, you will need to contact Edgio directly to get a detailed cost estimate.

Why use Edgio?

Any website can use Edgio but is primarily geared towards revenue-generating, database-driven sites, like eCommerce and Travel, which serve dynamic content to their users. On such sites, online shoppers typically wait for the JSON/HTML/SSR data, which makes up the specific size, color, and price of specific products. This is what makes traditional CDNs inefficient for such websites, as they don’t cache such dynamic data.

Edgio caches at least 95% of your dynamic data at the edge, and the improvement on websites using it is visible to the naked eye, as pages load (quite literally) in a blink of an eye. This is possible thanks to CDN-as-JavaScript, which puts data into the browser before it’s even needed. In other words, it’s a bit like always staying 5 seconds ahead of the person browsing your site.

Edgio allows websites to achieve cache hit rates for dynamic data at the edge in the 95% range, while the sites that use traditional CDNs see a low 6%. For static content, the choice is simpler: CDNs can host the entire static content of your site and distribute it without necessarily having to replicate databases to other regions.

For users of dynamic web frameworks such as Next, Nuxt, React Storefront, Ruby on Rails, using CDNs becomes more interesting. These frameworks offer a server-side rendering of the pages, with JavaScript added to enhance the experience. While modern applications can be developed using these frameworks by extracting the view components out from the API, this monolithic approach is still incredibly productive. Furthermore, these frameworks already come with sophisticated, database-level caching systems.‍

Which CDN is the fastest?

Most CDN providers will try to wow you with various serious-sounding features, raw numbers and comparison sheets, but they cannot guarantee actual real-life speeds. In other words, your mileage may vary, something you hear when the speed improvement is not quite what you expected. Edgio is one of the few technologies out there that promises actual results—we guarantee sub-500ms median paint times (LCP) for eCommerce websites, regardless of the frontend or backend systems or eCommerce platforms used.

Today’s CDNs are built primarily with static content in mind. They understand asset URLs but not page routes.

Try before you buy

When looking for a CDN, claimed speed is not always the most reliable distinguishing factor. Raw numbers never tell the whole story—website performance is typically burdened with many variables beyond the platform’s control: time of day, size of your payload and the internet user’s location relative to the edge.

And because the results may vary depending on so many things, the easiest way to buy a CDN is to test-drive it on your website—call the sales team and ask for a demo.

This assumption pretty much invalidates most comparison tables. When shopping for CDNs, getting lost in all these features and tech jargon is easy. But the most important thing to remember is that you’re probably looking for performance, not a CDN, for the sake of having one.