Cara Setting WP Rocket Terbaru [Update September 2021]

Teknotes.id – WP Rocket dapat mengoptimalkan kecepatan lebih dari plugin cache lainnya. Dengan menggunakan plugin ini Anda tidak perlu menginstal banyak plugin tambahan untuk mengoptimalkan Google Fonts, Google Analytics, JavaScript, CSS, dll.

Plugin ini dilengkapi dengan fitur pengoptimalan kecepatan yang lebih banyak daripada plugin cache lainnya.

Itulah mengapa biasanya menghasilkan hasil yang lebih baik di PageSpeed Insights dan GTmetrix.

Panduan Cara Setting WP Rocket Terbaru sekadar mengonfigurasi pengaturan WP Rocket dan menjelaskan tentang pengoptimalan lebih lanjut, berikut ini panduannya.

1. Dashboard

Tidak ada opsi apa pun yang perlu Anda ubah disini, pada opsi ini hanya menampilkan lisensi dan masa aktif yang digunakan.

RocketCDN dapat menghapus cache atau membuat ulang CSS penting jika Anda membuat perubahan desain/plugin tetapi tidak muncul di situs Anda.

Matikan opsi Rocket Tester dan Rocket Analytics atau jika Anda ingin menjadi penguji atau membiarkan WP Rocket mengupulkan data Anda secara anonim yang menghasilkan penurunan kinerja.

2. Cache

WP Rocket telah mengaktifkan cache halaman secara default, tetapi Anda dapat mengubah pengaturan untuk lebih meningkatkan kecepatan situs web Anda.

Mobile Cache

Opsi ini untuk mengaktifkan caching pada perangkat seluler, karena sekarang ini kebanyakan orang membuka internet menggunakan perangkat seluler.

User Cache

Matikan pada opsi ini kecuali Anda memiliki beberapa pengguna yang masuk ke situs web Anda, jika Anda mengaktifkan opsi ini maka setiap pengguna memiliki versi cache masing-masing.

Cache Lifespan

Angka yang lebih rendah berarti cache akan lebih sering dimuat tetapi akan menghabiskan lebih banyak sumber daya.

Sedangkan Angka yang lebih tinggi berarti cache tidak akan dimuat ulang sesering mungkin dan menghemat sumber daya.

3. File Optimization

Ini adalah pengaturan pengoptimalan file yang kami gunakan yang memberi hasil terbaik di GTmetrix.

Minify CSS files

Aktifkan opsi ini untuk meminifikasi CSS, periksa situs Anda untuk melihat kesalahan minifikasi setelah mengaktifkan masing-masing opsi dan kecualikan agar tidak diminimalkan,

Combine CSS files (Enable Minify CSS files to select)

Opsi ini sama seperti diatas.

Optimize CSS delivery

Dengan mengaktifkan opsi ini dapat meningkatkan kinerja di GTmetrix, Tool Pingdom, dan Google PageSpeed Insight.

Remove Unused CSS (Beta)

Menghapus CSS yang tidak digunakan per halaman dan membantu mengurangi ukuran halaman dan permintaan HTTP untuk kinerja yang lebih baik.

Minify JavaScript Files

Minifikasi HTML, CSS, dan JavaScript. Periksa situs Anda untuk kesalahan minifikasi yang terlihat setelah mengaktifkan masing-masing situs.

Combine JavaScript Files (Enable Minify JavaScript files to select)

Di satu sisi, itu dapat meningkatkan skor Lighthouse. Di sisi lain, itu benar-benar dapat memperlambat atau menghancurkan situs Anda. Saya masih merekomendasikan mengaktifkannya terutama untuk situs yang lebih ringan, tetapi hasilnya perlu diuji.

Load JavaScript deferred

Memuat JavaScript setelah halaman selesai diurai

Delay JavaScript execution

Opsi ini dapat mengurangi waktu loading, karena menunda pemuatan komentar dan Gravatar hingga interaksi pengguna.

4. Media

Lazy Load

Opsi ini berguna untuk menunda pemuatan gambar, iframe, dan video. Secara signifikan mengurangi waktu loading di awal dan permintaan HTTP.

Image Dimensions

Tambahkan atribut lebar dan tinggi yang hilang ke gambar. Membantu mencegah pergeseran tata letak dan meningkatkan pengalaman membaca bagi pengunjung Anda.

Embeds

Mencegah orang lain menyematkan konten dari situs Anda, mencegah Anda menyematkan konten dari situs lain (tidak diizinkan), dan menghapus permintaan JavaScript yang terkait dengan penyematan WordPress.

WebP Compatibility

Aktifkan opsi ini jika Anda ingin WP Rocket menyajikan gambar WebP ke browser yang kompatibel. Harap dicatat bahwa WP Rocket tidak dapat membuat gambar WebP untuk Anda. Untuk membuat gambar WebP, kami merekomendasikan Imagify.

5. Preload

Preload Cache

Saat Anda mengaktifkan pramuat, WP Rocket akan menghasilkan cache yang dimulai dengan tautan di beranda Anda diikuti dengan peta situs yang Anda tentukan. Preloading secara otomatis dipicu ketika Anda menambah atau memperbarui konten dan juga dapat dipicu secara manual dari bilah admin atau dari WP Rocket Dashboard.

Preload Links

Opsi ini memuat halaman HTML di latar belakang, sehingga ketika pengguna mengklik link laman, maka laman tersebut akan tampak dimuat secepat mungkin.

Prefetch DNS Requests

Jika Anda menggunakan GTmetrik untuk menguji kecepatan situs Anda, dan lihat bagian Reduce DNS Lookups di bagian YSlow. Anda akan melihat semua skrip yang dimuat di situs Anda seperti Google Fonts, Google Analytics, Maps, Google AdSense, Tag Manager, YouTube, dll.

Salin semua URL tersebut kemudian tempelkan ke bagian opsi Prefetech DNS Requests atau gunakan daftar domain berikut ini sebagai referensi.

//maps.googleapis.com
//maps.gstatic.com
//fonts.googleapis.com
//fonts.gstatic.com
//use.fontawesome.com
//ajax.googleapis.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//www.googletagmanager.com
//www.googletagservices.com
//googleads.g.doubleclick.net
//adservice.google.com
//pagead2.googlesyndication.com
//tpc.googlesyndication.com
//youtube.com
//i.ytimg.com
//player.vimeo.com
//api.pinterest.com
//assets.pinterest.com
//connect.facebook.net
//platform.twitter.com
//syndication.twitter.com
//platform.instagram.com
//referrer.disqus.com
//c.disquscdn.com
//cdnjs.cloudflare.com
//cdn.ampproject.org
//pixel.wp.com
//disqus.com
//s.gravatar.com
//0.gravatar.com
//2.gravatar.com
//1.gravatar.com
//sitename.disqus.com
//s7.addthis.com
//platform.linkedin.com
//w.sharethis.com
//s0.wp.com
//s1.wp.com
//s2.wp.com
//stats.wp.com
//ajax.microsoft.com
//ajax.aspnetcdn.com
//s3.amazonaws.com
//code.jquery.com
//stackpath.bootstrapcdn.com
//github.githubassets.com
//ad.doubleclick.net
//stats.g.doubleclick.net
//cm.g.doubleclick.net
//stats.buysellads.com
//s3.buysellads.com

Preload Fonts

Meningkatkan kinerja dengan membantu browser menemukan font dalam file CSS.

6. Advanced Rules

Biarkan bagian ini semua default, atau jika Anda mengerti fungsi opsi ini silahkan untuk mengatur sendiri.

Never Cache URLs

Jangan pernah cache URL.

Never Cache Cookies

Jangan pernah cache cookie.

Never Cache User Agents

Jangan pernah Googlebot atau pengguna lain untuk menyimpan halaman dalam cache.

Always Purge URLs

Fungsi ini untuk membersihkan cache secara otomatis untuk beranda, kategori, postingan, dan tag.

Cache Query Strings

Opsi ini digunakan untuk menyimpan halaman hasil pencarian dan filter harga di eCommerce.

7. Database

Revisions

Postingan lama Anda yang disimpan saat Anda mempublikasikannya.

Auto Drafts

Postingan yang disimpan secara otomatis.

Trashed Posts

Postingan yang dihapus.

Spam Comments

Komentar sebagai spam.

Trashed Comments

Komentar sebagai sampah.

Expired Transients

Transien yang telah kadaluwarsa dan masih ada di database.

All Transients

Menyimpan data yang membutuhkan waktu lama untuk diambil.

Optimize Tables

Mengoptimalkan tabel database agar berjalan lebih efisien.

Automatic Cleanup

Pembersihan database otomatis.

8. CDN

Opsi ini digunakan jika Anda menggunakan CDN RocketCDN atau CDN lainnya. RocketCDN menggunakan pusat data StackPath yang biasanya lebih cepat dan memiliki kompatibilitas yang lebih daripada CloudFlare. Harga Rocket CDN adalah $ 6,99 per bulan.

9. Heartbeat

Biarkan bagian ini semua default, atau jika Anda mengerti fungsi opsi ini silahkan untuk mengatur sendiri.

Opsi ini memberitahu Anda ketika pengguna lain memperbaharui halaman atau postingan.

10. Add-ons

Varnish

Konfigurasi secara otomatis jika host Anda menggunakan Varnish (Cloudways, Flywheel, WP Engine).

Cloudflare

Aktifkan opsi ini jika Anda menggunakan Cloudflare.

Sucuri

Aktifkan jika menggunakan Sucuri, ini secara otomatis membersihkan cache Sucuri setiap kali Anda menghapus cache WP Rocket.

11. Image Optimization

WP Rocket merekomendasikan Imagify karena plugin ini buatan mereka. Anda dapat menggunakan opsi ini untuk mengkompresi gambar lossless.

12. Tools

Export Settings

Opsi ini untuk mengekspor pengaturan untuk digunakan dibanyak situs.

Import Settings

Opsi ini untuk mengimport pengaturan pra-konfigurasi.

Rollback

Opsi ini untuk kembali ke versi sebelumnya jika WP Rocket terbaru mengalami masalah.

Kesimpulan

Itualah panduan Cara Setting WP Rocket Terbaru, sebagai informasi blog ini sendiri menggunakan WP Rocket untuk mengoptimasi CSS, JS, dan Cache. WP Rocket memberikan kami hasil terbaik di Pingdom, GTmetrix, dan Google PageSpeed Insight.

Jika Anda memiliki pertanyaan atau saran tentang Cara Setting WP Rocket, silahkan untuk berkomentar. Demikian panduan Cara Setting WP Rocket. Terima kasih telah membaca dan semoga bermanfaat, tunggu konten kami selanjutnya ya.