Image Optimization & Compression

Optimizing images is one of the most important steps for achieving high performance and fast-loading galleries. While Robo Gallery includes built-in optimization and caching features, the size and format of your uploaded images still play a significant role in overall page speed.

1. Recommended Image Size#

For best performance, it’s recommended to use images no larger than necessary for your layout.

✅ General recommendations:#

• Resolution: up to 1920×1080 px for large, full-width galleries.
• Thumbnails or small previews: between 600×400 px and 1200×800 px.
• File size: ideally under 300–400 KB per image.
• Format: use JPG for photographs and PNG only for images with transparency.
• WebP: when available, use WebP format - it delivers high quality with much smaller file size.

2. How Image Size Affects Performance#

Large or uncompressed images increase:

• Page loading time.
• Browser memory usage.
• Total data transferred to visitors.

Even though Robo Gallery automatically optimizes page structure, JavaScript loading, and gallery styles, using excessively large images can still slow down the user experience - especially on mobile devices.

3. Built-In Gallery Optimization#

Robo Gallery is designed to efficiently handle even large sets of images (hundreds or thousands per gallery).

Here’s how it keeps your pages fast:

• Lazy Loading: images are loaded only when they appear in the visitor’s viewport.
• Caching System: the plugin generates and caches optimized gallery data to minimize database and file system requests.
• Optimized Code Structure: compact and modular JS/CSS structure reduces script execution time.
• Smart Loading Sequence: the gallery prioritizes visible content first, delaying background image loading.

Thanks to these optimizations, galleries remain fast even when containing a large number of images.

4. Caching Features#

Robo Gallery includes an internal cache engine that stores preprocessed gallery data. This reduces the amount of server work required to rebuild galleries every time a visitor loads the page.

You can refresh the cache manually by updating a gallery or modifying its settings - the system will automatically regenerate all optimized structures.

5. Best Practices for Fast Galleries#

To ensure the fastest loading time:

1. Compress images before upload using tools like TinyJPG or Squoosh.
2. Avoid uploading original high-resolution photos directly from a camera.
3. Use WebP format when possible.
4. Keep the total number of images per gallery balanced (e.g., 50–100 per page).
5. Enable caching and lazy loading (default in Robo Gallery).

🧩 Summary#

Robo Gallery automatically optimizes the gallery rendering process, scripts, and styles - but image optimization remains your most effective performance tool. By using properly sized, compressed images and taking advantage of caching, you’ll get the best possible balance between visual quality and page speed.

Combining lightweight images with Robo Gallery’s internal caching and smart loading system ensures your galleries load fast - even with hundreds of images.