Apa keuntungan dari plugin WP Rocket?
WP Rocket adalah plugin caching WordPress yang meningkatkan kecepatan situs WordPress dengan menerapkan berbagai optimasi tingkat lanjut, seperti caching, preloading cache dan font situs web Anda, meminimalkan file CSS dan Javascript, penundaan pemuatan file Javascript, optimasi database WordPress, dll.
WP Rocket, tidak seperti banyak plugin caching lainnya, tidak memerlukan pengaturan yang rumit dan mulai bekerja segera setelah Anda menginstal dan mengaktifkannya. Plugin ini tidak memerlukan pengetahuan teknis atau pengkodean apa pun, tetapi plugin ini memungkinkan Anda untuk membuat pengaturan lanjutan jika Anda mau. Terakhir, plugin ini memungkinkan Anda untuk dengan mudah membatalkan perubahan yang dibuat jika Anda perlu.
Perbandingan sebelum dan sesudah
Kita akan kembali lagi nanti pada pengaturan dan semua kemungkinan plugin ini, tetapi saya ingin menunjukkan kepada Anda dampaknya pada situs web sebelum/sesudah instalasi, dan setelah membuat beberapa pengaturan yang sangat sederhana di 2 tab: tab “Pengoptimalan file CSS dan JS”, dan tab “Media”.
WP Rocket mengklaim bahwa kita bisa mencapai hasil yang signifikan dengan sangat mudah, dan tanpa pengetahuan teknis sebelumnya. Untuk membuat perbandingan, saya akan menggunakan GTmetrix untuk menguji kinerja situs web WordPress Terkelola di host web Hostinger, menggunakan akun Cloudflare CDN gratis.
1) Hasil sebelum menginstal WP Rocket:
2) Hasil setelah menginstal plugin:
Banyak fitur yang telah diaktifkan secara default, termasuk preloading file dan fungsi caching.
3) Pengaturan untuk tab Pengoptimalan File CSS dan JS:
Fitur-fitur ini tidak diaktifkan secara default. Berikut ini pengaturan yang saya buat:
- Meminimalkan file CSS: atur ke AKTIF
- Gabungkan file CSS: atur ke AKTIF
- Optimalkan pengiriman CSS + pemuatan file CSS asinkron: setel ke ON
- Meminimalkan file CSS: atur ke AKTIF
- Pemuatan file JS yang tertunda: diatur ke ON
- Tunda eksekusi JavaScript hingga interaksi pengguna: setel ke ON
Berikut ini adalah hasil optimalisasi file CSS dan JS:
Mengoptimalkan file CSS dan Javascript memungkinkan saya untuk naik dari nilai B ke nilai A pada GTmetrix, hanya dengan beberapa klik!
4) Pengaturan tab “Media”:
Ini adalah pengaturan untuk “Lazy Load” dan ukuran gambar.
- Aktifkan untuk gambar: atur ke ON
- Aktifkan untuk iframe dan video: atur ke ON
- Tambahkan dimensi gambar yang hilang: atur ke ON
Berikut adalah hasil tambahan yang diperoleh dengan Lazy Load dan pengaturan ukuran gambar:
5) Hasil yang diperoleh setelah pengoptimalan gambar oleh Imagify:
Seperti yang dapat Anda lihat dengan mudah, hasilnya sangat menarik, kami memiliki situs web yang dioptimalkan hanya dalam beberapa klik, yang akan berdampak positif pada SEO.
Harga WP ROCKET
Kami memiliki pilihan 3 paket tahunan, tergantung pada jumlah situs web yang ingin kami optimalkan:
Paket Single berlaku untuk satu situs WordPress dan biayanya hanya $49 per tahun (atau €44 per tahun), termasuk dukungan. Anda dapat menggunakan plugin di lebih banyak situs web dengan meningkatkan lisensi Anda. Apabila Anda melakukan upgrade, Anda hanya akan membayar selisih harga antara lisensi Anda saat ini dan lisensi yang Anda upgrade.
Paket Plus memungkinkan Anda mengoptimalkan 3 situs web dan biayanya $99 per tahun (atau €88 per tahun). Terakhir, paket Infinite berharga $249 per tahun (atau €222 per tahun) dan memungkinkan optimalisasi situs WordPress dalam jumlah tak terbatas.
Kadang-kadang Anda bisa mendapatkan plugin dengan harga yang lebih murah. Jaminan uang kembali 100% ditawarkan dalam waktu 14 hari setelah pembelian. Apabila memperbarui lisensi, ditawarkan diskon 30%.
Semua pengaturan WP Rocket:
1) Dasbor WP Rocket
- Akun saya: di sinilah Anda bisa menemukan informasi tentang lisensi Anda.
- “Quick Actions”: pengaturan ini memungkinkan Anda untuk menghapus semua file yang di-cache dalam 1 klik, memulai pramuat cache, atau meregenerasi CSS penting.
- RocketCDN: Anda memiliki kemungkinan untuk berlangganan CDN WP Rocket sendiri. Tetapi harganya tampaknya agak tinggi: $7,99 per bulan.
- Status saya: pengaturan ini memungkinkan data anonim dibagikan dengan tim pengembangan untuk membantu meningkatkan WP Rocket.
- Tautan ke video yang menjelaskan cara kerja plugin, cara mengukur kecepatan situs web Anda, cara membuat pengaturan terbaik, … Ada juga tautan ke dokumentasi resmi plugin, dan akhirnya tautan untuk menghubungi dukungan.
2) Tab Cache:
- Cache Seluler: Pengaturan ini memungkinkan Anda untuk mengaktifkan atau menonaktifkan caching untuk pengguna seluler. Secara opsional, Anda dapat menggunakan file cache terpisah untuk perangkat seluler (ini adalah opsi untuk orang yang menggunakan tema seluler khusus).
- User Cache: Pengaturan ini memungkinkan Anda untuk mengaktifkan atau menonaktifkan caching untuk pengguna yang login. Cache pengguna berguna jika situs web memiliki konten khusus untuk pengguna.
- Cache Lifetime: Pengaturan ini memungkinkan Anda menentukan waktu setelah file cache akan dihapus.
Mengenai Ecommerce, WP Rocket tidak men-cache halaman-halaman sensitif. Oleh karena itu, tidak perlu khawatir tentang gangguan dalam proses pembelian.
3) Tab Pengoptimalan File
Ini adalah tab yang memungkinkan Anda mengoptimalkan dan menyesuaikan pengaturan file CSS dan JavaScript. Untuk file CSS, Anda bisa :
- Minimalkan file CSS dengan menghapus komentar dan ruang putih dalam file CSS untuk mengurangi ukurannya.
- Gabungkan file: pengaturan ini memungkinkan berbagai file CSS digabungkan ke dalam satu file, sehingga mengurangi jumlah permintaan HTTP.
Dimungkinkan untuk mengecualikan file CSS tertentu dari minifikasi dan penggabungan CSS. - Mengoptimalkan pengiriman CSS dengan menghilangkan CSS yang menghalangi rendering. Ada pilihan di antara dua metode: menghapus kode CSS yang tidak digunakan (metode Beta, yang secara resmi direkomendasikan), atau metode pemuatan CSS asinkron.
Untuk file JavaScript, Anda bisa :
- Minimalkan file JavaScript dengan menghapus komentar dan ruang putih di file JS untuk mengurangi ukurannya. Dimungkinkan untuk mengecualikan file JavaScript tertentu dari minifikasi.
- Gabungkan file JavaScript dengan menggabungkan semua file JS untuk mengurangi jumlah permintaan HTTP. Dimungkinkan untuk mengecualikan file JavaScript tertentu dari penggabungan.
- Tunda pemuatan JavaScript untuk menghilangkan JavaScript yang menghalangi rendering di situs web Anda untuk meningkatkan waktu muatnya. Dimungkinkan untuk mengecualikan file JavaScript tertentu.
- Menunda eksekusi JavaScript hingga interaksi pengguna (misalnya, ketika pengguna menggulir atau mengklik mouse)
4) Tab Media:
- Tab Media memungkinkan Anda mengoptimalkan file multimedia di situs web Anda. Untuk melakukan ini, plugin memungkinkan pemuatan tertunda untuk gambar, iframe, dan video, memungkinkan untuk mengurangi waktu pemuatannya (ada opsi untuk mengecualikan gambar atau iframe tertentu). Terakhir, Anda dapat mengganti iframe YouTube dengan gambar pratinjau.
- Juga dimungkinkan untuk menambahkan atribut lebar dan tinggi yang hilang ke gambar. Pengaturan ini membantu mencegah perubahan tata letak dan meningkatkan pengalaman membaca bagi pengguna web.
5) Tab Preloading:
- Aktifkan pramuat file untuk menghasilkan file cache yang dimulai dengan tautan halaman beranda, diikuti oleh peta situs XML. Pemuatan awal file secara otomatis dipicu ketika Anda menambahkan atau memperbarui konten dan juga dapat dipicu secara manual dari bilah admin atau dari dasbor WP Rocket.
- Aktifkan pramuat tautan, yang secara dramatis meningkatkan waktu pemuatan yang dirasakan dengan memuat halaman saat pengguna melayang di atas tautan.
- Pra-pembacaan kueri DNS untuk mengurangi waktu pemuatan file eksternal. Anda harus menentukan URL yang akan dibaca sebelumnya secara manual.
- Preloading font: pengaturan ini meningkatkan kinerja situs web dengan memungkinkan browser menemukan font secara langsung di file CSS. Anda harus menentukan secara manual URL file yang berisi font yang akan dimuat sebelumnya. Font ini harus di-host di domain Anda sendiri atau di domain yang Anda tentukan di tab CDN.
6) Tab Advanced Settings (Pengaturan Lanjutan):
WP Rocket juga menawarkan beberapa pengaturan yang lebih canggih sehingga Anda dapat menyempurnakan aturan caching Anda. Bagian ini memungkinkan Anda menetapkan aturan seperti:
- URL halaman atau item yang tidak boleh di-cache, seperti: halaman login atau logout, halaman validasi pesanan, …
- Pengidentifikasi cookie yang, ketika diatur di browser pengunjung, harus mencegah caching halaman.
- String agen pengguna yang seharusnya tidak pernah melihat halaman yang di-cache.
- URL yang harus dibersihkan ketika konten halaman atau artikel diperbarui.
- String kueri yang perlu di-cache.
Untuk semua pengaturan lanjutan ini, Anda perlu menentukan sumber daya yang ingin Anda optimalkan: URL, ID cookie, string kueri.
7) Tab Database:
WP Rocket juga memiliki fitur pengoptimalan basis data tingkat lanjut sehingga Anda tidak perlu menggunakan plugin terpisah untuk itu, yang selalu merupakan hal yang baik dalam hal keamanan dan kinerja. Pada bagian ini, Anda bisa mengaktifkan pengaturan berikut ini:
- Fitur Post Cleanup memungkinkan kita menghapus revisi publikasi, draf otomatis, dan publikasi yang dihapus secara permanen, yang sangat berguna untuk blog
- Pembersih komentar memungkinkan Anda untuk menghapus spam dan komentar yang dihapus secara permanen.
- Pembersihan sementara: fitur ini sangat berguna, karena transien dapat benar-benar memperlambat situs web.
- Membersihkan basis data.
- Terakhir, Anda bisa menyiapkan pembersihan otomatis, yang bisa dilakukan setiap hari, setiap minggu, atau setiap bulan.
8) Tab CDN
Tab CDN memungkinkan Anda untuk menyesuaikan pengaturan CDN (Content Delivery Network) untuk situs web Anda. Di bagian ini, Anda bisa :
- menggunakan jaringan pengiriman konten WP Rocket sendiri: RocketCDN. Tarifnya $7,99 per bulan.
Keuntungan dari CDN ini berlipat ganda: konfigurasi otomatis yang memungkinkan kita untuk menghindari konfigurasi parameter yang terkadang sulit dipahami. RocketCDN hanya akan menerapkan konfigurasi terbaik untuk meningkatkan kecepatan situs web kita.
RocketCDN juga menghemat waktu kita: tidak perlu mencari pengaturan terbaik di dasbor CDN. Sebagai gantinya, kita cukup memasukkan URL khusus dan situs kita langsung lebih cepat.
Terakhir, RocketCDN didukung oleh StackPath.
- Tab CDN juga memungkinkan Anda untuk mengaktifkan CDN pilihan Anda (selain Cloudflare atau Sucuri, ini didukung oleh tab “Add-ons”). URL file statis (gambar, Javascript, dan CSS) akan ditulis ulang di CNAME CDN yang Anda tentukan. Dimungkinkan untuk mengecualikan URL tertentu agar tidak didukung oleh CDN.
9) Tab Detak Jantung
Di tab ini, Anda dapat mengontrol WordPress Heartbeat API. API ini memungkinkan browser untuk berkomunikasi secara otomatis dengan server. Di bagian pengaturan WP Rocket ini, Anda bisa:
- Aktifkan kontrol Detak Jantung.
- Mengurangi, menghapus batasan, atau menonaktifkan aktivitas Heartbeat untuk: perilaku backend, perilaku editor publikasi, dan perilaku frontend.
API melakukan serangkaian tugas pada interval atau “tick” setiap 15 hingga 60 detik dan menggunakan file admin-ajax.php pada backend (dasbor), editor penerbitan atau frontend untuk melakukan aktivitas ini. Banyak permintaan admin-ajax.php pada beberapa server dapat menyebabkan kelebihan beban atau penggunaan CPU yang tinggi. Tergantung pada host web dan jenis hosting, kelebihan beban ini dapat menyebabkan masalah kinerja dan akhirnya penangguhan akun web hosting.
10) Tab Modul Tambahan
Dalam tab ini, tersedia dua jenis add-on: add-on yang bisa diaktifkan dengan satu klik dan oleh karena itu tidak memerlukan konfigurasi apa pun, dan add-on yang memerlukan autentikasi.
Modul-modul yang bisa diaktifkan dengan satu klik adalah Varnish dan modul kompatibilitas WebP:
- Varnish memungkinkan Anda untuk membersihkan cache Varnish setiap kali plugin WP Rocket mengosongkan cache-nya sendiri, sehingga konten yang ditawarkan kepada pengguna internet selalu up to date.
- Pengaturan “WebP compatibility” memungkinkan kita untuk membuat file cache terpisah, jika kita menggunakan format gambar ini melalui plugin WordPress tertentu.
Modul yang membutuhkan otentikasi adalah Cloudflare dan Sucuri :
- Add-on Cloudflare memungkinkan Anda untuk mengintegrasikan akun Cloudflare Anda. Anda harus memberikan email dan kunci Cloudflare API Anda.
- Add-on Sucuri memungkinkan Anda untuk menyinkronkan cache dari akun Sucuri Anda. Anda harus memberikan “Firewall API key” Anda.
11) Tab Optimalisasi Gambar
Di sinilah Anda dapat menginstal plugin Imagify jika Anda ingin mengoptimalkan gambar Anda. Detail selengkapnya tentang Imagify dalam artikel ini.
12) Tab Alat
- Ekspor dan impor pengaturan: Anda dapat mengunduh salinan pengaturan Anda, yang sangat berguna ketika Anda perlu mengelola beberapa situs WordPress. Cukup klik tombol di sebelah kanan untuk mengunduh file.
- Rollback: memungkinkan Anda untuk kembali ke versi plugin sebelumnya.
13) Tab tutorial:
Serangkaian video diusulkan tentang berbagai topik yang agak berguna: cara memulai dengan baik, cara mengukur dengan benar kecepatan situs web kami, cara lulus tes Core Web Vitals, bagaimana cara memeriksa bahwa plugin melakukan cache pada situs kita, mempelajari cara kerja preloading, bagaimana cara meningkatkan LCP, bagaimana meningkatkan IDF, bagaimana meningkatkan CLS, cara memperbaiki beberapa masalah kompatibilitas, cara mengkonfigurasi add-on Cloudflare …
FAQ
Bagaimana cara menginstal WP Rocket?
1/ Buka akun WP Rocket Anda setelah Anda membeli plugin dan unduh file ZIP:
2/ Klik pada tab “Plugins” pada panel admin WordPress Anda:
3/ Klik pada “Add New”:
4/ Klik pada “Unggah Plugin”:
5/ Klik “pilih file”:
6/ Klik “instal sekarang
7/ Tunggu beberapa detik hingga instalasi selesai, lalu aktifkan plugin Anda:
Apakah WP Rocket bekerja dengan Cloudflare?
WP Rocket sepenuhnya kompatibel dengan Cloudflare CDN, yang dengannya ia bekerja dalam sinergi. Menggunakan add-on Cloudflare bukanlah suatu keharusan dalam banyak kasus, ini hanya kenyamanan. Setelah Anda menyiapkan akun Cloudflare Anda dengan benar, akun ini akan aktif untuk situs Anda baik Anda menggunakan add-on WP Rocket atau tidak.
Situs web saya rusak! Apa yang harus saya lakukan?
Terkadang, ketika Anda mulai mengubah pengaturan di WP Rocket, Anda mungkin melihat gambar yang hilang atau masalah tampilan lainnya di situs Anda. Jangan khawatir, masalah ini tidak permanen!
Apa saja alternatif untuk plugin WP Rocket?
Berikut adalah beberapa alternatif: WP Super Cache, WP Fastest Cache, W3 Total Cache, LiteSpeed Cache, WP-Optimize,…
Mana yang terbaik WP Rocket atau W3 Total Cache?
WP Rocket memiliki lebih banyak fitur optimasi kecepatan daripada W3 Total Cache (pembersihan basis data, hosting Google Analytics lokal, preloading font, dll.). Inilah sebabnya mengapa secara umum memberikan hasil yang lebih baik di GTmetrix.
Apakah WP Rocket benar-benar sangat diperlukan?
Meskipun ada plugin caching WordPress lainnya di luar sana, termasuk opsi gratis, bagi siapa saja yang menginginkan plugin WordPress yang dapat digunakan untuk mempercepat situs web mereka tanpa memiliki pengetahuan teknis apa pun, atau bagi mereka yang tidak ingin melakukan banyak tweaking yang terkadang rumit, WP Rocket pasti layak untuk diinvestasikan.
Server web mana yang kompatibel dengan plugin WP Rocket?
Plugin ini kompatibel dengan Apache, NGINX, Microsoft IIS, dan LiteSpeed.
Bagaimana cara menggunakan WP Rocket dalam lingkungan multisite?
Ada beberapa detail yang harus Anda pertimbangkan. Detail selengkapnya dalam dokumentasi resmi.
Dapatkah saya menjalankan WP Rocket pada localhost dan domain staging?
WP Rocket juga berfungsi secara lokal. Instalasi lokal tidak dihitung sebagai situs untuk tujuan lisensi, meskipun mungkin muncul dalam daftar situs web Anda di halaman akun WP Rocket Anda. Keterangan selengkapnya di sini.
