Skip to content

SastraPro Optimization

To maximize the performance of the SastraPro theme, we recommend using the following plugins. These plugins will help optimize images and speed up your website loading time.

1. Regenerate Thumbnails

Plugin: Regenerate Thumbnails by Alex Mills

This plugin is useful for regenerating image thumbnail sizes according to SastraPro theme settings. Highly recommended after:

  • Installing SastraPro theme for the first time
  • Changing image size settings in WordPress
  • Migrating from another theme

How to Use:

  1. Install and activate the Regenerate Thumbnails plugin
  2. Go to Tools > Regenerate Thumbnails
  3. Click the Regenerate Thumbnails for All Attachments button
  4. Wait for the process to complete

TIP

Run regenerate thumbnails only once after theme installation. After completion, this plugin can be deactivated or removed.

2. EWWW Image Optimizer

Plugin: EWWW Image Optimizer

This plugin automatically compresses images without reducing visual quality. Very effective for speeding up page loading.

Key Features:

  • Automatic compression when uploading images
  • Bulk optimize for existing images
  • WebP format conversion
  • Image lazy loading

Recommended Settings:

  1. Install and activate the EWWW Image Optimizer plugin
  2. Go to Settings > EWWW Image Optimizer
  3. On the Basic tab:
    • Enable Remove Metadata to remove EXIF data
    • Choose your desired compression level
  4. On the WebP tab:
    • Enable WebP Conversion for modern image format
  5. Click Save Changes

Note

After activating the plugin, run Bulk Optimize via Media > Bulk Optimize to compress existing images.

3. Autoptimize

Plugin: Autoptimize

This plugin optimizes CSS, JavaScript, and HTML files to speed up website loading.

Key Features:

  • Minify and combine CSS files
  • Minify and combine JavaScript files
  • Minify HTML
  • Lazy load images
  • CDN integration

Recommended Settings:

  1. Install and activate the Autoptimize plugin
  2. Go to Settings > Autoptimize
  3. On the JS, CSS & HTML tab:
    • Check Optimize JavaScript Code
    • Check Optimize CSS Code
    • Check Optimize HTML Code
  4. On the Images tab:
    • Check Lazy-load images (if not using lazy load from another plugin)
  5. Click Save Changes and Empty Cache

TIP

After enabling Autoptimize, check your website appearance. If there are issues, try disabling the Aggregate JS-files option or add problematic scripts to the exclusion list.

Installation Order

For optimal results, follow this order:

  1. Regenerate Thumbnails - Run once, then deactivate
  2. EWWW Image Optimizer - Keep active for automatic compression
  3. Autoptimize - Keep active for asset optimization

Additional Tips

  • Use quality hosting - Server performance greatly affects website speed
  • Enable caching - Use caching plugins like WP Super Cache or W3 Total Cache
  • Use a CDN - Content Delivery Network speeds up loading for visitors from various locations
  • Update WordPress and plugins regularly - Updates bring performance and security improvements

Dokumentasi Tema Blogger & WordPress Premium