Presenting your blog from full-page-cache CDN locations

Ask yourself, if this page didn’t load almost immediately, but instead, was a blank white page for a few seconds, would you live with that? About half of web users give up when a web page takes more than 3 seconds to load.

Two years ago, I used Cloudflare’s Page rules, specifically the “cache everything” option for Full Page Cache (FPC) to my blog pages at their global edge cache location. Eventually, though, I opted to go with Bunny CDN and have configured this wordpress blog WP-Rocket And customize yourself, This setup resulted in the fastest response and page load times ever for this blog.

Note: This post is talking about caching not only statics (jpg, css, js, etc.), but caching entire HTML pages to CDN locations so that end-users are delivered immediately based on their geographic location Can go Full-page caching, on top of statics’ caching, provides a consistently faster user experience.


February 2021 Update: Bunny CDN now has 50+ locations.

What is Full Page Cache (or Page Caching)?

When you visit a WordPress blog (Which powers over 30% of web and 60% of CMS websites), pages by default are generated through a combination of database queries and PHP scripts. This takes time, and the time is often extended when there is any traffic. The most common solution to address this is to enable cashin pageYes. With page caching, the generated pages are saved/cached so that they do not need to be regenerated every time they are requested.

Serving a full page from the cache leaves the server processing off that goes into generating a page. This dramatically increases page load performance as well as page-per-second throughput.

Why Combine Full Page Caching with CDN?

Although serving cached pages is very fast, serving cached pages to users in Europe will be quite slow if your server is located in the United States and vice versa. This is where using a CDN (Content Delivery Network) can help ensure that page loading speeds for your website are roughly the same, regardless of the visitor’s geographic location.

In other words, if a cached page takes 1 second to load in New York, 2 seconds to load in London, and up to 3 seconds in Australia. Again, with a page-cached CDN, this should be close to a one-second page load, no matter the user’s geographic location.

This is my setup for the past year; 4 more hours using wp-rocket for local page cache Bunny CDN The TTL for CDNs with page cache is set to 24 hours.

built cdn location

When you visit this blog from the UK, Bunny CDN will provide you with a static page from the London CDN location. If you travel from Las Vegas, the CDN will serve you from their Los Angeles location, and so on.

Full page caching + performance improvement of CDN

PSDI Response Report

from the above graph psdi Bunny shows the average response time of blogs before vs after adding CDNs to the mix. This shows a 30% to 50% improvement. However, my PSDI checks were set up for North America only, so the global improvement is enormous. As you can see, the improvement is notable only for the United States and Canada. Now imagine the improvement when serving cached pages through Europe and Asia CDN locations. Over the past year, it has improved the international traffic, bounce rates, and time on site for my blog.

Juice Global Load Time Tester

INFORMATION IN THE ABOVE EXAMINATION RESULTS Juice, IPs vary by location. Even reasonably close locations such as Atlanta and New York are served through a near-proximity CDN location to significantly improve page load performance. It often takes a second or more for TTFB (time to first byte) in places like India, Paris, Singapore and Brazil.

Part 2: Full-Page-Cache CDN Articles? update!

Depending on whether I’m interested in this setup, I’ll publish a Part 2 in-depth FPC-CDN setup guide. Let me know if you want this. However, writing a setup guide will focus on my specific Bunny CDN setup, and I don’t want to promote just Bunny CDNs.

That said, I highly recommend Bunny CDN; Price is excellent, support is responsive, and their CDN is very fast w/ low latency globally. see and decide for yourself,

February 28, 2021: I have received at least 100 emails and other messages requesting Part 2 of this article. Now, I didn’t think I’d actually have to write a part 2. I expected to capitalize on this in a short time by offering a choice of CDN providers. Cloudflare’s Cache Everything,

To date, the options haven’t exploded. However, on February 4, 2021, a company sent me the following message:

I hope you are well when you get this message! I came across your article 25 Best CDN Providers 2021 and found it very resourceful. I recently. wrote an article about Why Multi CDN Will Increase Your Website Uptime in 2021 And I thought you’d be interested in reading it quickly. I believe that some of our articles will add well to each other’s pages and (y) provide great value to our visitors as well. Looking forward to hearing your thoughts!

Hello,
tarso

It was a very open and honest request to add a link to their website. Still, he’s right, it’s valuable to readers, and I’d be selfish not to include their multi-CDN service. Especially since Part 2 of mine has been awfully absent.

So yes, the time is really here! have a look at miletics, This service starts at $10 per month. I haven’t tried their service yet, so I can’t endorse it. That said, on paper, it appears to be an excellent solution for those looking to set up an easy-to-configure CDN-backed full-page-cache setup. Bunny CDNs run me about $3 to $5 a month, so I’ll continue to use them as I’m pleased with the service.

Yesterday, Bunny CDN jointly answered my request to share the setup process. He indicated that they are also “gradually preparing to conduct some case studies.” Although this was not indicated, it looks like they have something in the pipeline that will streamline this setup of a fully cached website.

edit: See also pagecdn.com,

In the meantime, now you can Find the Help Files on the Bunny CDN’s Website Covering the establishment of a CNAME record for your root domain and “edge rules” that keep your entire website (statics and full HTML) behind their CDN. As a result, your entire website or blog will be hosted statically in 50+ global locations.

Cache everything made CDN edge rule
caching everything Using Bunny CDN Age Rules

The main rule I’ve used was to cache everything haydenjames.io, This is in addition to caching my static files, which already have a pull zone. static.haydenjames.io, So the second bridge zone cover haydenjames.io and a. uses it CNN instead of one a record,

One a record Bunny CDNs hostname (eg yourzone.b-cdn.net) to the CNAME of your root domain; Bunny CDN will serve your web users via whatever IP address and location is closest.

The reality is, you can get this type of CDN-backed FPC setup with many CDN providers. Please see my 25 Best CDN Providers blog post. In that post, I recommend CDN providers based on your preference of price versus performance — featuring free, budget, small business or enterprise-level CDN providers.

I hope this update was a valuable read indeed. Don’t forget to subscribe!

reference:

https://www.business2community.com/infographics/faster-website-load-times-can-help-sales-infographic-02044802
https://bunny.net/?ref=jvllmbd1bp (referral link)

Leave a Comment