Syntax - Tasty Web Development Treats

Potluck Part 2 - Magic GQLess × Are classes dead? × Custom Hooks × Staying Up To Date × CSS × More!

Apr 29, 2020
Dive into the intricacies of image optimization using Cloudinary for Gatsby sites. Explore the pros and cons of CSS preprocessors like Sass and Less, while debating the relevance of JavaScript classes in modern programming. Discover the importance of tools like Sentry for error tracking in web applications. Hear tips on sharing your work effectively and insights on transitioning legacy websites to modern frameworks. Plus, get a taste of the evolution of JavaScript and the benefits of static site generators!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ADVICE

Cloudinary and Gatsby

  • Effectively use Cloudinary with Gatsby by leveraging its on-demand resizing and compression features.
  • Consider Gatsby Image for similar functionality if your image count is manageable and local processing is preferred.
ADVICE

Optimizing Cloudinary

  • Leverage Cloudinary's f_auto parameter for automatic format selection based on browser compatibility.
  • Combine it with q_auto for automatic quality adjustments, optimizing image delivery.
ADVICE

Cloudinary for Instagram Integration

  • Use Cloudinary to resize Instagram photos pulled via API, improving Lighthouse scores and avoiding embedded tracking.
  • This approach bypasses Gatsby Image rebuilds for every Instagram post and mitigates Firefox's tracking blockers.
Get the Snipd Podcast app to discover more snips from this episode
Get the app