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.

1. Regenerate Thumbnails

Plugin: Regenerate Thumbnails by Alex Mills

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

  • Installing the 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. Open the Tools > Regenerate Thumbnails menu
  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. Once finished, this plugin can be deactivated or deleted.

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
  • Conversion to WebP format
  • Lazy loading images

Recommended Settings:

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

Attention

After activating the plugin, run Bulk Optimize via the Media > Bulk Optimize menu 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. Open the Settings > Autoptimize menu
  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 you are not already using lazy load from another plugin)
  5. Click Save Changes and Empty Cache

TIP

After activating Autoptimize, check your website's appearance. If there are problems, try disabling the Aggregate JS-files option or adding the problematic script to the exclusion list.

Installation Order

For optimal results, follow the order below:

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

Additional Tips

  • Use quality hosting - Server performance greatly affects website speed
  • Enable caching - Use a caching plugin such as 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