TIL AVIF transformation is only available on #Cloudflare for images below 2 megapixels… 😭
https://community.cloudflare.com/t/avif-size-limit/273724/5
We need JPEG XL! 🙏
There are 19 contents with this tag:
TIL AVIF transformation is only available on #Cloudflare for images below 2 megapixels… 😭
https://community.cloudflare.com/t/avif-size-limit/273724/5
We need JPEG XL! 🙏
Updating webmentions on a static site
When I started using Webmention on this site (more than 5 years ago!), I was building the site on my local computer, and uploading the build result on my hosting with rsync. I've moved to Cloudflare Pages 6 months ago, which means webmentions where updated only when I pushed new content to GitHub. Here's how I fixed that.
To have different builds for #Cloudflare Pages previews, I found if-env
and the CF_PAGES_BRANCH
variable:
{
"scripts": {
"build": "if-env CF_PAGES_BRANCH=main && npm run main || npm run preview"
}
}
If you want to run a #GitHub Action after a #Cloudflare Pages build is done, you can use @WalshyDev's Action: https://github.com/marketplace/actions/cloudflare-pages-await
I hope Cloudflare Pages will get triggers like #Netlify: https://docs.netlify.com/functions/trigger-on-events/
Some tools transform URLs into links, but if the URL was inside parentheses, the link href
sometimes contains the closing )
, so the user gets a 404 error… 🤦♂️
Fix this on #Cloudflare Pages with a _redirect
file:
/*) /:splat 301
Looks like some people now see my site on #Cloudflare:
I wonder how, as I switched the DNS yesterday evening, and all DNS checks still show propagation has not started yet:
Looks like the nasty bot finally stopped smashing my photography site! 🎉
Why is #Dareboost reporting "7 resources has a non-consistent extension with its actual content" in this report where #Cloudinary images were proxified through #Netlify, but not on this one where they're not… 🤷♂️
TIL: #Cloudflare doesn't support the Vary
HTTP header, which means the origin server can't do any content negotiation, for example send WebP or AVIF for a JPEG request…
https://developers.cloudflare.com/cache/about/cache-control/#other
#Fastly supports it, just saying… 😅
My photography portfolio is back on #Netlify for a few good features (faster builds, don't build PRs, proxies with URL rewrites, support for #Eleventy), but the CDN stays on #Cloudflare, much faster in Europe.
I just switched my photography site to #Cloudflare Pages Fast Builds beta.
The "Initializing build environment" tasks what taking more than 2 minutes before, it's now 2 seconds! 🎉
📣 Faster builds on Cloudflare Pages are here!
⚡Opt-in to our open beta in your project’s settings to test out the new infrastructure and shed minutes off your total builds time.
Have feedback? Let us know on Discord in our #fast-builds-beta channel.
discord.com/invite/cloudflaredevId
Trailing Slashes on URLs: Contentious or Settled?
I have mixed feelings about URLs without an extension (.html for example) or a trailing slash. It certainly comes mostly from 25 years of unexpected behaviors with HTTP servers and other Web plumbering.
Performant A/B Testing with Cloudflare Workers
The problem with the current A/B testing tools is they construct the test on the client. They block rendering until they can determine which experiment group the current user should be in, and then they update the DOM based on that experiment’s parameters. On slow connections or low-end devices, this can mean users are staring at a blank screen for seconds waiting for network requests to finish before rendering can even start.
My photography site is hosted on #Cloudflare, and they transform preload
into HTTP/2 push. Great!
But why is my preloaded/pushed font downloaded twice then? 😅
Early Hints are now activated on https://nicolas-hoizey.photo ! 🎉
Thanks #Cloudflare @CloudflareDev ! 🙏
I don't see much difference in #WebPageTest though, the site is already pretty fast… 😅
I tried to follow @TheRealNooshu advice about #Cloudflare cache configuration for performance on my photography site, but it looks like much of my assets are still not cached:
Could it be because the cache TTL is lower than the delay between 2 visits?
That's it! After a while comparing Netlify and Cloudflare TTFB from France, I moved my photography site to the later.
Results are great!
Impact for users is obvious:
As I'm really disappointed by #Netlify WebPerf from France, I'm planing to move to #Cloudflare.
But it looks like they won't allow me to keep my DNS on #Gandi, this is really unfortunate… 😕
The really high TTFB from France with #Netlify makes me want to move to another hosting for my photography site, maybe #Cloudflare.
This is sad, I really like Netlify features. 😔
See all tags.