Cloudinary DevJams

Image Loading Enhancements with Cloudinary, Tailwind and Base64 Encoding - DevJams Episode #18


Listen Later

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!

      ...more
      View all episodesView all episodes
      Download on the App Store

      Cloudinary DevJamsBy Cloudinary

      • 5
      • 5
      • 5
      • 5
      • 5

      5

      1 ratings