Image Loading Enhancements with Cloudinary, Tailwind and Base64 Encoding

Kent Dodds is one of the foremost experts on JavaScript, authoring helpful blog posts and courses on the widely used programming language. He recently shared some techniques to improve his own blog’s image loading experience, which happens to use Cloudinary for several aspects of it.Becky and Sam from Cloudinary’s Customer Education team talked with Kent, walking through the processes he took to get a 100/100 on the "Cumulative Layout Shift" Core Web Vitals score for his blog. This conversation includes reviewing code scripts to understand his use of Tailwind’s aspect-ratio plugin, Cloudinary’s ability to load perfectly sized images and to handle Base64 encoding, and other important topics.Learn more about the project on Kent's blog.

Covered Cloudinary Transformations and Features Resizing and Cropping Automatic quality selection (q_auto) Automatic format selection (f_auto) Blur effects Mentioned Technology and Associated Topics Cumulative Layout Shift (CLS) Aspect Ratio Plugin for Tailwind BlurHash Tailwind CSS Not a Cloudinary user yet? Sign up for your FREE account today!