Optimizations

Fitur yang memungkinkan Anda optimasi tambahan untuk kecepatan website, dengan fitur Optimizations yang ada di Plugin Zona Kit Press, Anda cukup aktifkan dan nonaktifkan optimasi yang di inginkan tanpa perlu instal plugin optimasi lain.

Fitur ini dirancang untuk kebutuhan web berita (News) yang biasanya harus menambahkan gambar unggulan (thumbnail) berita, menambahkan galeri dan gambar lainya, sering edit post yang sudah terbit, dll.

Salah satu fitur yang menarik adalah optimasi gambar. Gambar sendiri merupakan media yang wajib ada di media berita, 80% faktor website lambat saat diakses adalah karena harus load source gambar di ini.

Dengan fitur ini setiap anda upload gambar format apapun ke postingan berita akan otomatis di convert menjadi format .WebP

Saat ini format gambar WebP direkomendasikan oleh Google dan pakar SEO, sebab format modern ini akan mengompres gambar hingga ukuran yang kecil namun kualitas gambar tetap jernih.

Cara Aktifkan Auto Convert ke WEBP

Pada bagian Optimizations, aktifkan toggle Auto Convert Image Upload to WebP dan Anda bisa mengatur kualitas gambar secara manual, semakin rendah nilainya maka kualitas gambar semakin menurun, default adalah 82.

Revision Control

Jika Anda sering merevisi sebuah artikel yang sudah terbit, ini sebenernya akan menyalin artikel menjadi banyak file dan setiap revisi file ini selalu bertambah.

Database server Anda akan dibuat lambat karena banyaknya revisi artikel, hal itu juga akan memperlambat website Anda dimuat.

Aktifkan ini jika Anda ingin membatasi berapa kali revisi pada sebuah postingan, dan akan menghemat ruang table di database server Anda.

Atur jumlah berapa kali postingan boleh di revisi dengan mengisi nilai didalamnya, default adalah 10 kali revisi setelah itu akan dibatasi.

Heartbeat Control

Fungsi Heartbeat Control WordPress adalah untuk mengelola dan membatasi aktivitas WordPress Heartbeat API guna mengurangi beban server dan meningkatkan kecepatan situs web Anda.

Bayangkan Heartbeat API sebagai “denyut jantung” situs WordPress Anda. Fitur ini secara teratur mengirimkan sinyal (disebut “ticks” atau “pulses”) dari browser Anda ke server setiap 15-60 detik. Komunikasi konstan ini, yang menggunakan file admin-ajax.php, memungkinkan berbagai fungsi real-time yang berguna, seperti:

  • Autosave: Menyimpan draf tulisan Anda secara otomatis saat Anda sedang mengetik di editor.
  • Post Locking: Mencegah beberapa editor mengedit tulisan yang sama secara bersamaan untuk menghindari konflik.
  • Notifikasi Real-time: Memberikan pemberitahuan langsung di dasbor WordPress.
  • Manajemen Sesi: Menjaga Anda tetap login dan memberitahu ketika sesi Anda akan berakhir.

Jika Anda membiarkan dasbor WordPress terbuka di banyak tab, permintaan ini akan menumpuk dan dapat menyebabkan:

  • Penggunaan CPU Tinggi: Server harus terus-menerus memproses permintaan ini, yang memakan sumber daya CPU.
  • Memperlambat Situs Web: Beban server yang tinggi akan membuat kecepatan situs Anda menurun secara keseluruhan.
  • Potensi Masalah Hosting: Dalam kasus ekstrim, penggunaan sumber daya yang berlebihan dapat menyebabkan akun hosting Anda ditangguhkan sementara.

Redirect 404 ke Beranda (301)

Bayangkan Anda mencari informasi spesifik, misalnya “cara merawat tanaman monstera”, dan mengklik sebuah link. Karena halaman sudah Anda hapus atau draft hasilnya maka halaman menjadi respon kode 404 Not Found, daripada pengunjung menutup web Anda dan pergi, dengan mengalihkan ke halaman beranda secara otomatis membuat pengunjung akan membaca berita lain.

Fitur ini dirancang untuk mengoptimalkan kecepatan loading website Anda secara signifikan dengan beberapa klik saja. Di bawah ini adalah penjelasan lengkap untuk setiap opsi yang tersedia.

Speed Booster

Preset Optimasi

Untuk memulai dengan cepat, kami menyediakan tiga tingkat preset optimasi.

  • Default: Pengaturan awal tanpa ada optimasi yang diterapkan.
  • Aman: Menerapkan optimasi dasar yang sangat aman dan hampir tidak akan menimbulkan masalah pada tampilan atau fungsi website Anda. Ini adalah pilihan terbaik untuk memulai.
  • Agresif: Menerapkan semua optimasi untuk kecepatan maksimal. Preset ini mungkin memerlukan sedikit konfigurasi (seperti mengecualikan beberapa file JavaScript) jika tema atau plugin Anda memiliki skrip yang sensitif.

Cukup pilih salah satu preset dan klik “Terapkan Preset”. Jika Anda mengubah salah satu opsi di bawahnya secara manual, preset akan otomatis berubah menjadi Custom.

Pengaturan Optimasi Detail

Berikut adalah penjelasan untuk setiap tuas optimasi yang bisa Anda atur.

Minify HTML Output

  • Apa fungsinya? Opsi ini akan menghapus semua karakter yang tidak diperlukan dari kode HTML halaman Anda, seperti spasi berlebih, baris baru, dan komentar kode.
  • Mengapa ini penting? Proses ini memperkecil ukuran total file HTML, sehingga browser dapat mengunduhnya dengan lebih cepat.

Defer Semua JS (kecuali dikecualikan)

  • Apa fungsinya? Menambahkan atribut defer pada semua file JavaScript (JS).
  • Mengapa ini penting? Secara normal, browser akan berhenti membangun halaman untuk mengunduh dan menjalankan file JS. Dengan defer, browser akan tetap membangun halaman sampai selesai (menjadi terlihat oleh pengunjung), dan baru menjalankan file JS setelahnya. Ini membuat halaman terasa loading jauh lebih cepat.

Async untuk JS Pihak Ketiga

  • Apa fungsinya? Menambahkan atribut async pada file JavaScript yang berasal dari domain lain (misalnya, Google Analytics, Facebook Pixel).
  • Mengapa ini penting? Serupa dengan defer, async membuat file JS diunduh di latar belakang tanpa menghentikan pembangunan halaman. Bedanya, file akan langsung dijalankan begitu selesai diunduh. Ini sangat ideal untuk skrip pihak ketiga yang tidak bergantung pada elemen halaman lainnya.

Exclude Handles (satu per baris)

  • Apa fungsinya? Kolom ini berfungsi untuk mengecualikan file JS tertentu dari proses defer di atas. Setiap file JS di WordPress memiliki nama unik yang disebut “handle”.
  • Kapan digunakan? Jika Anda menemukan ada fitur di website yang tidak berfungsi setelah mengaktifkan “Defer Semua JS” (contoh: slider gambar macet, menu dropdown tidak muncul), kemungkinan besar skripnya perlu dikecualikan. Masukkan handle dari skrip tersebut di sini, satu per baris. Contoh umum adalah jquery atau jquery-core.

Optimasi Koneksi & Resource

Bagian ini membantu browser untuk mempersiapkan koneksi dan memuat file penting lebih awal.

DNS Prefetch

  • Apa fungsinya? Memberi tahu browser untuk melakukan pencarian DNS (mencari alamat IP dari sebuah domain) di latar belakang untuk domain eksternal.
  • Contoh: https://fonts.gstatic.com. Saat browser membutuhkan font dari domain tersebut, ia tidak perlu lagi mencari alamatnya, sehingga koneksi lebih cepat.

Preconnect

  • Apa fungsinya? Lebih dari sekadar DNS Prefetch, Preconnect meminta browser untuk tidak hanya mencari alamat, tetapi juga langsung membuat koneksi awal (TCP handshake, TLS negotiation) ke domain tersebut.
  • Contoh: https://fonts.googleapis.com. Ini sangat efektif untuk sumber daya krusial dari domain lain yang pasti akan digunakan.

Preload

  • Apa fungsinya? Memerintahkan browser untuk mengunduh sebuah file dengan prioritas tertinggi karena file tersebut pasti akan dibutuhkan untuk menampilkan halaman saat ini.
  • Contoh: /wp-content/themes/nama/style-critical.css (untuk CSS penting) atau URL lengkap ke file font (.woff2) yang digunakan di bagian atas halaman.

Optimasi Lainnya

Optimalkan Lazy Load Gambar

  • Apa fungsinya? Fitur ini melakukan dua hal: memastikan lazy loading gambar aktif (gambar baru dimuat saat akan masuk ke layar pengguna) dan menambahkan fetchpriority="high" pada gambar pertama atau utama (biasanya gambar hero/banner).
  • Mengapa ini penting? Ini secara cerdas menunda pemuatan gambar yang tidak terlihat sambil memprioritaskan gambar paling penting (Largest Contentful Paint/LCP), meningkatkan skor kecepatan secara signifikan.

Hapus jQuery Migrate (front-end)

  • Apa fungsinya? Menghapus sebuah file skrip bernama jquery-migrate.js yang berfungsi sebagai “pembantu” agar plugin/tema lama tetap kompatibel dengan versi jQuery yang lebih baru.
  • Mengapa ini penting? Sebagian besar tema dan plugin modern tidak lagi membutuhkannya. Menghapusnya berarti mengurangi satu permintaan file JS yang tidak perlu.

Lewati Minify Saat Login

  • Apa fungsinya? Ketika Anda (sebagai admin) sedang login, semua optimasi minify dan penggabungan file tidak akan diterapkan untuk Anda. Pengunjung biasa akan tetap melihat versi yang sudah dioptimalkan.
  • Mengapa ini penting? Ini sangat membantu saat Anda sedang melakukan debugging atau mencari sumber masalah, karena Anda bisa melihat kode dan file asli tanpa modifikasi dari plugin optimasi.
Need help? Contact Support