Optimasi SastraPro

Untuk memaksimalkan performa tema SastraPro, kami merekomendasikan penggunaan beberapa plugin berikut. Plugin-plugin ini akan membantu mengoptimalkan gambar dan mempercepat loading website Anda.

Plugin yang Direkomendasikan

1. Regenerate Thumbnails

Plugin: Regenerate Thumbnails by Alex Mills

Plugin ini berguna untuk membuat ulang ukuran thumbnail gambar sesuai dengan pengaturan tema SastraPro. Sangat direkomendasikan setelah:

• Menginstal tema SastraPro pertama kali
• Mengubah pengaturan ukuran gambar di WordPress
• Migrasi dari tema lain

Cara Penggunaan:

1. Install dan aktifkan plugin Regenerate Thumbnails
2. Buka menu Tools > Regenerate Thumbnails
3. Klik tombol Regenerate Thumbnails for All Attachments
4. Tunggu proses selesai

TIP

Jalankan regenerate thumbnails hanya sekali setelah instalasi tema. Setelah selesai, plugin ini bisa dinonaktifkan atau dihapus.

2. EWWW Image Optimizer

Plugin: EWWW Image Optimizer

Plugin ini mengompresi gambar secara otomatis tanpa mengurangi kualitas visual. Sangat efektif untuk mempercepat loading halaman.

Fitur Utama:

• Kompresi otomatis saat upload gambar
• Bulk optimize untuk gambar yang sudah ada
• Konversi ke format WebP
• Lazy loading gambar

Pengaturan yang Direkomendasikan:

1. Install dan aktifkan plugin EWWW Image Optimizer
2. Buka menu Settings > EWWW Image Optimizer
3. Pada tab Basic:
   • Aktifkan Remove Metadata untuk menghapus data EXIF
   • Pilih level kompresi yang diinginkan
4. Pada tab WebP:
   • Aktifkan WebP Conversion untuk format gambar modern
5. Klik Save Changes

Perhatian

Setelah mengaktifkan plugin, jalankan Bulk Optimize melalui menu Media > Bulk Optimize untuk mengompresi gambar yang sudah ada.

3. Autoptimize

Plugin: Autoptimize

Plugin ini mengoptimasi file CSS, JavaScript, dan HTML untuk mempercepat loading website.

Fitur Utama:

• Minify dan gabungkan file CSS
• Minify dan gabungkan file JavaScript
• Minify HTML
• Lazy load gambar
• Integrasi dengan CDN

Pengaturan yang Direkomendasikan:

1. Install dan aktifkan plugin Autoptimize
2. Buka menu Settings > Autoptimize
3. Pada tab JS, CSS & HTML:
   • Centang Optimize JavaScript Code
   • Centang Optimize CSS Code
   • Centang Optimize HTML Code
4. Pada tab Images:
   • Centang Lazy-load images (jika belum menggunakan lazy load dari plugin lain)
5. Klik Save Changes and Empty Cache

TIP

Setelah mengaktifkan Autoptimize, periksa tampilan website Anda. Jika ada masalah, coba nonaktifkan opsi Aggregate JS-files atau tambahkan script yang bermasalah ke daftar exclusion.

Urutan Instalasi

Untuk hasil optimal, ikuti urutan berikut:

1. Regenerate Thumbnails - Jalankan sekali, lalu nonaktifkan
2. EWWW Image Optimizer - Biarkan aktif untuk kompresi otomatis
3. Autoptimize - Biarkan aktif untuk optimasi aset

Tips Tambahan

• Gunakan hosting berkualitas - Performa server sangat mempengaruhi kecepatan website
• Aktifkan caching - Gunakan plugin caching seperti WP Super Cache atau W3 Total Cache
• Gunakan CDN - Content Delivery Network mempercepat loading untuk pengunjung dari berbagai lokasi
• Perbarui WordPress dan plugin secara rutin - Update membawa perbaikan performa dan keamanan