Cloudinary AVIF, caching fonts on Netlify, and Google Analytics 4

New post on AVIF in Cloudinary

As promised, here’s my quick post giving you some extra details about using AVIF with Cloudinary. It includes demos of course as well as details on the transformation costs: What to know about AVIF on Cloudinary.

Caching fonts on Netlify

In case you missed it, last week I realized that Netlify doesn’t automatically cache font files. I had assumed it, and you know what assuming does… 🍑👯

Luckily, there is an easy fix - in your netlify.toml file, set the max-age:

[[headers]]
  for = "/fonts/*"
    [headers.values]
    Cache-Control = "public, max-age=31536000"

Combing Google Analytics and Google Analytics 4

I’m still learning what’s new in Google Analytics 4. I have both tags on my site. I finally started exploring the GA4 dashboard, and I’m impressed.

I’ll be happy to remove the legacy GA tag from my site after:

• Google Search Console Insights start working with GA4
• I get the fancy web vitals dashboard working

In the meantime, I learned that you can load just one analytics JS library and initialize both tags in the same snippet.

Fare thee well my frens.