This will add about 100ms of latency to your TTFB
Posted: Sat Feb 08, 2025 10:26 am
Personally, I really like this method of implementing prefetching because it takes into account the user's network and whether they have Data Saver enabled.
There’s also a handy WordPress plugin to get it running on your site, just install it and you’re good to go!
12. Edge Cache
I'm a big fan of Cloudflare, but one thing you might notice when you implement a CDN is that your TTFB (time to first byte) actually goes down.
This is because Cloudflare does not cache HTML at the edge by default. Every time ecuador mobile database a user visits a page on your site, Cloudflare requests the HTML for that page from your server.
A slower TTFB is not what you want because it comes before all of our other user-centric metrics like first meaningful paint and first contentful paint , which will also be delayed.
This situation is made worse if you don't implement any kind of HTMLpage caching on your origin server.
However, Cloudflare does support HTML caching (or page caching) via the Cache All Pages rule . Once this is done, Cloudflare will begin caching the origin's response HTML until the cache is cleared, completely eliminating latency between the origin and Cloudflare.
With the Cache All Pages rule, you can add the rule to your site, and then create additional page rules that set the cache level to Bypass for more dynamic pages, such as site administration areas.
There’s also a handy WordPress plugin to get it running on your site, just install it and you’re good to go!
12. Edge Cache
I'm a big fan of Cloudflare, but one thing you might notice when you implement a CDN is that your TTFB (time to first byte) actually goes down.
This is because Cloudflare does not cache HTML at the edge by default. Every time ecuador mobile database a user visits a page on your site, Cloudflare requests the HTML for that page from your server.
A slower TTFB is not what you want because it comes before all of our other user-centric metrics like first meaningful paint and first contentful paint , which will also be delayed.
This situation is made worse if you don't implement any kind of HTMLpage caching on your origin server.
However, Cloudflare does support HTML caching (or page caching) via the Cache All Pages rule . Once this is done, Cloudflare will begin caching the origin's response HTML until the cache is cleared, completely eliminating latency between the origin and Cloudflare.
With the Cache All Pages rule, you can add the rule to your site, and then create additional page rules that set the cache level to Bypass for more dynamic pages, such as site administration areas.