Caching
Motomarks uses a global Edge CDN to deliver assets with low latency. Proper caching implementation on your end ensures the best user experience.
All images served from img.motomarks.io come with a Cache-Control header set topublic, max-age=86400, immutable (24 hours).
This instructs browsers and intermediate CDNs to cache the image for one day. Because brand logos rarely change, this provides a good balance between freshness and performance.
Optimization Tips
Use Next.js Image Component
If you are using Next.js, the next/image component handles optimization and lazy loading automatically. Configure img.motomarks.io in your next.config.js to allow optimization.
Lazy Loading
For lists of brands (e.g., a directory), always use lazy loading (`loading="lazy"` in HTML) to avoid fetching images that are not in the viewport. This saves bandwidth and speeds up initial page loads.
Preloading Critical Assets
If a brand logo is critical to your LCP (Largest Contentful Paint), consider preloading it using a <link rel="preload"> tag or setting priority in Next.js Image.