The Crafty Catsman

On-Demand Image Loading

Optimized Approach

This page demonstrates loading Cloudflare image IDs on-demand from the server instead of bundling the entire mapping file in the client-side JavaScript.

Benefits:

  • Much smaller JavaScript bundle size (~2kb vs 2.3MB)
  • Better loading performance
  • Reduced memory usage
  • API caching for repeated requests

Test with Your Own Images

bookcase-door.webp

Loading...

cat-measuring.webp

Loading...

hidden-bookcase-door.webp

Loading...

DIYBackground.png

Loading...