Sun. Feb 28th, 2021

Dalam Mempercepat Situs WordPress Anda akan membuat pengunjung Anda lebih bahagia dan heran kenapa website ini begitu memiliki kecepatan yang luar biasa waktu pertama kali membuka situs Anda, dan juga akan meningkatkan peluang mereka membeli dari toko Anda , membaca artikel Anda, dan bahkan membuat Anda mendapatkan lebih banyak pengunjung dari situ.

Tetapi bahkan jika Anda tahu Anda membutuhkan website yang lebih cepat, ketika istilah seperti caching, minifikasi, dan pengiriman konten dimasukkan ke dalam campuran, itu bisa mulai terasa sedikit berlebihan, bukan?

Jadi jika Anda telah bergumul dengan waktu atau pengetahuan teknis yang diperlukan untuk meningkatkan kecepatan situs Anda , saya punya panduan untuk Anda.

Dalam artikel ini, kami akan menunjukkan kepada Anda cara setting W3 Total Cache tanpa mengeluarkan dana satu rupiah pun Untuk melakukan itu, Anda akan menggunakan dua alat gratis yaitu plugin W3 Total Cache WordPress dan layanan yang disebut CloudFlare .

Kami akan membawa Anda melalui setiap langkah demi langkah menggunakan tangkapan layar tentang cara setting W3 Total Cache. Jadi, apakah Anda seorang pemula atau pengguna WordPress tingkat lanjut, Anda akan dapat mengetahui semuanya.

Sebelum membahas lebih jauh terkait dengan cara setting W3 Total Cache sebaiknya kita tahu terlebih dahulu mengenai konsep caching, apa itu cache,dan fungsi cache.

Apa itu W3 Total Cache ?

W3 Total Cache adalah plugin pengoptimalan performa WordPress tercepat dan terlengkap. Dipercaya oleh banyak situs populer termasuk: AT&T , Mashable , Smashing Magazine , WPBeginner , dan jutaan lainnya. W3 Total Cache meningkatkan pengalaman pengguna situs Anda dengan meningkatkan kinerja server Anda, menyimpan setiap aspek situs Anda dalam cache, mengurangi waktu download dan menyediakan integrasi jaringan pengiriman konten (CDN) transparan.

W3 Total Cache plugin WordPress ini adalah yang banyak digunakan untuk mengelola cache yang populer. Setidaknya sampai dengan saat ini, dan terdapat 1 juta instalasi W3 Total Cache yang masih aktif. Dan mempunyai rating tiga ribu lebih. Keren.

Bagaimana W3 Total Cache Dapat meningkatkan kecepatan halaman?

Cara Setting W3 Total Cache sebenernya mudah Dalam memadukan dua layanan antara W3 Total Cache dan  Cloudflare, dapat meningkatkan kecepatan Website , Selain memilih hosting berkualitas, dua peningkatan terbesar yang dapat Anda lakukan pada waktu muat halaman situs WordPress adalah:

  • 1. Plugin caching yang bagus yaitu W3 Total Cache
  • 2. Jaringan pengiriman konten (CDN) yaitu Cloudflare

W3 Total Cache menghentikan bagian caching. Caching mempercepat situs Anda dengan menyajikan file statis alih-alih konten yang dirender secara dinamis (yang penuh dengan WordPress). Saya tahu kedengarannya agak jargony , tetapi yang sebenarnya berarti server web Anda harus melakukan lebih sedikit pekerjaan dan, oleh karena itu, dapat menyajikan konten Anda lebih cepat.

CloudFlare meningkatkan kecepatan situs Anda dengan metode lain: pengoptimalan pengiriman konten. Tanpa CDN, setiap pengunjung situs Anda harus mengunduh semua file Anda dari satu lokasi – pusat data situs web Anda.

Baik mereka berlokasi di Amerika atau Belanda dan negara besar lainnya, mereka mendapatkan data Website Anda dari tempat yang sama CDN mengubahnya dengan membuat beberapa versi global data Anda.

Kemudian, pengunjung dapat mengunduh file statis seperti gambar dan video dari pusat data terdekat, daripada server web Anda yang jauh. Kedekatan fisik ini mengurangi waktu unduh dan karenanya mempercepat Website Anda.

Letakkan W3 Total Cache dan CloudFlare bersama-sama dan Anda akan mendapatkan duo super pemangkas waktu pemuatan halaman.

Cara Setting W3 Total Cache Plugin WordPress

Anda tahu bagaimana kebanyakan plugin WordPress membiarkan Anda “mengaktifkan dan pergi”? Ya, itu tidak terjadi dengan W3 Total Cache. Maaf!

Ini memiliki 13 item menu yang berbeda hanya di tab Pengaturan Umum. Saya tahu menjalani semuanya terdengar seperti tugas, tetapi saya berjanji kepada Anda bahwa hasilnya sepadan.

Dan saya juga berjanji bahwa saya akan menggunakan banyak tangkapan layar untuk membuat prosesnya sesederhana mungkinSetelah menunjukkan kepada Anda bagaimana cara setting W3 Total Cache yang mudah, saya kemudian akan membawa Anda melalui pengaturan CloudFlare dan membuatnya bekerja bersama dengan plugin W3 Total Cache.

Langkah 1: Menginstal dan Mengaktifkan W3 Total Cache

Sebelum kita melangkah cara setting W3 Total Cache kita Mulailah dengan Install dan aktifkan W3 Total Cache terlebih dahulu. Ini adalah plugin gratis yang tersedia di direktori plugin wordpress.org , jadi Anda dapat menginstalnya langsung dari dasbor WordPress Anda dengan membuka Plugins > Add New dan cari:

Pastikan Anda mengaktifkan plugin tersebut. Kemudian, buka opsi konfigurasinya dengan mengklik tab Kinerja .

Langkah 2: Konfigurasikan Settings general

Hal pertama yang perlu Anda konfigurasikan adalah pengaturan umum W3 Total Cache . Tab ini mengaktifkan / menonaktifkan semua fitur yang akan Anda konfigurasikan secara lebih rinci nanti:

Kami akan membahasnya secara berurutan dari atas hingga ke bawah.

1. Settings general (pengaturan umum)

Opsi pertama memungkinkan Anda untuk secara otomatis mengaktifkan setiap fitur W3 Total Cache. Sayangnya, Anda tidak membutuhkan semua fitur, jadi sebaiknya Anda tidak menggunakan opsi ini.

Ini juga memungkinkan Anda mengaktifkan mode Pratinjau . Dalam mode pratinjau, Anda dapat menguji perubahan sebelum menerapkannya ke situs langsung Anda. Saya pribadi tidak menggunakan mode Pratinjau, karena mudah untuk menonaktifkan plugin jika ada yang tidak beres.

2. Cache Halaman – AKTIFKAN

Opsi pertama yang Anda lihat di halaman ini adalah Cache Halaman. Ini bertanggung jawab untuk membuat halaman cache statis untuk setiap halaman yang dimuat, sehingga tidak dimuat secara dinamis pada setiap pemuatan halaman. Dengan mengaktifkan ini, Anda akan mengurangi waktu buka Anda secara signifikan.

Seperti yang biasanya Anda lihat saat pengguna mengunjungi situs Anda, WordPress menjalankan skrip PHP dan kueri MySQL ke database untuk menemukan halaman yang diminta. Kemudian PHP mem-parsing data dan menghasilkan halaman . Proses ini membutuhkan sumber daya server. Dengan mengaktifkan cache halaman, Anda dapat melewati semua pemuatan server itu dan menampilkan salinan halaman dalam cache saat pengguna memintanya.

Untuk shared hosting yang digunakan sebagian besar pemula, metode Disk: Enhanced sangat disarankan. Anda harus mencentang kotak Enable Page Cache , dan menyimpan semua pengaturan.

Ini adalah fitur terpenting mutlak dari W3 Total Cache. Cache Halaman saja akan meningkatkan kinerja situs Anda secara besar-besaran.

Tentunya, Aktifkan Cache Halaman. Untuk metode ini, Anda harus memilih Disk: opsi Ditingkatkan , yang seharusnya menjadi default:

3. Minify – NONAKTIFKAN

Minify dapat menyusutkan kode situs Anda tanpa kehilangan fungsinya. Anda pasti ingin mengecilkan kode Anda untuk meningkatkan waktu pemuatan halaman. TAPI, CloudFlare juga mendukung minifikasi. Jadi saya benar-benar akan merekomendasikan menggunakan CloudFlare untuk mengecilkan kode Anda.

Oleh karena itu, jangan tidak memungkinkan Mengecilkan di W3 Total Cache jika Anda berencana sedang mengikuti tutorial lengkap ini dan menggunakan CloudFlare.

4. Cache Database – NONAKTIFKAN

Database Anda adalah tempat semua data aktual untuk posting , halaman , dan segala hal lainnya disimpan. Cache Database dapat meningkatkan kinerja database Anda dan mengurangi waktu yang dibutuhkan untuk membuat posting, halaman, dan RSS feed.

Caching database adalah proses yang termasuk dalam desain aplikasi komputer yang menghasilkan halaman web sesuai permintaan (secara dinamis) dengan mengakses database backend .

Ketika aplikasi ini digunakan pada lingkungan multi-tier yang melibatkan klien berbasis browser, server aplikasi web dan database backend, cache database tingkat menengah digunakan untuk mencapai skalabilitas dan kinerja yang tinggi.

Tetapi saran dari kami, jika Anda menggunakan shared hosting , cache database sebenarnya dapat memperlambat situs Anda dengan melepaskan terlalu banyak pekerjaan ke CPU server Anda.

Jadi jika Anda menggunakan hosting bersama dengan anggaran terbatas, saya sarankan meninggalkan Cache Database Dinonaktifkan . Jika Anda memiliki server khusus atau VPS , Anda dapat mengaktifkannya.

5. Object Cache – AKTIFKAN

Object cache menyimpan hasil query database yang sering diminta untuk menjadikannya mudah diambil. Dengan begitu, Anda tidak perlu meminta ulang kembali data-data ini dari database. Object caching dapat membantu mengurangi waktu yang diperlukan untuk mengambil hasil query dengan cukup signifikan.

Sebagai contoh, WordPress menyimpan settingan website Anda di database mereka. Settingan yang dimaksud di sini termasuk hal-hal seperti nama website dan URL. Setiap kali WordPress menyusun sebuah halaman untuk pengunjung, mereka perlu mengakses database untuk membaca setting-an websitenya.

Seperti yang mungkin Anda bayangkan, jika WordPress harus mengulang-ulang mengakses database maka Anda juga secara tidak langsung membuang waktu dan resources yang ada untuk menghasilkan data-data yang sama. Disinilah object cache bisa membantu Anda.

Dengan object cache, Anda bisa melakukan satu kali query untuk database dan menyimpan hasilnya untuk beberapa lama. Selama waktu itu, ketika WordPress membutuhkan data untuk menyajikan sebuah halaman, WordPress bisa langsung mendapatkan informasi yang mereka butuhkan dari object cache.

Mengakses object cache adalah pilihan yang lebih cepat dan simple dibanding mengakses database.

Beberapa query sebenarnya memakan waktu untuk ditampilkan. Selain itu ada juga query yang selalu diminta berulang kali. Untuk mempercepat proses dan waktu loading website Anda, object cache adalah salah satu solusi yang bisa Anda lakukan.

Sekarang mulai Aktifkan Object Cache dan pilih metode Disk :

6. Cache Browser – AKTIFKAN

Singkatnya, browser biasanya menyimpan cache dari apa yang dikenal sebagai ” aset statis ” – bagian dari situs web yang tidak berubah dari kunjungan ke kunjungan.

Apa yang harus di-cache dan untuk berapa lama ditentukan oleh situs web. Beberapa aset dihapus dari mesin Anda dalam beberapa hari sementara yang lain mungkin tetap dalam cache Anda hingga satu tahun.

Ketika banyak orang mendengar bahwa situs web menyimpan aset di mesin mereka tanpa sepengetahuan atau izin mereka, mereka menjadi sedikit gugup. Lagi pula, kami sangat mempercayai pengembang Web, berharap mereka tidak akan menaruh sesuatu yang merusak atau berbahaya di perangkat kami.

Manfaat cache browser jauh lebih besar daripada risikonya. Firewall yang bagus, pemindai virus , dan akal sehat adalah semua yang Anda butuhkan untuk menjaga keamanan mesin Anda.

Anda pasti ingin mengaktifkan opsi ini:

7. CDN – NONAKTIFKAN

Cloudflare menawarkan pengiriman konten statis dan dinamis yang sangat cepat melalui jaringan edge global kami. Lakukan kontrol yang tepat atas cara konten Anda disimpan dalam cache, kurangi biaya bandwidth , dan manfaatkan perlindungan DDoS tak terukur bawaan.

Meskipun Anda akan menggunakan CDN (CloudFlare), ini bukan tempat Anda akan mengkonfigurasinya. Jadi biarkan CDN Dinonaktifkan dulu. Jangan khawatir – kami akan menunjukkan cara menangani CloudFlare nanti di postingan ini.

8. Reverse Proxy – NONAKTIFKAN

Dalam jaringan komputer seperti internet , proxy balik adalah jenis server proxy umum yang dapat diakses dari jaringan publik. Website besar dan jaringan pengiriman konten menggunakan proxy terbalik – bersama dengan teknik lain – untuk menyeimbangkan beban antara server internal. Proksi terbalik dapat menyimpan cache konten statis, yang selanjutnya mengurangi beban pada server internal dan jaringan internal ini. Ini juga umum untuk proxy terbalik untuk menambahkan fitur seperti kompresi atau enkripsi TLS ke saluran komunikasi antara klien dan proxy balik.

Proksi terbalik adalah konsep lanjutan yang umumnya membutuhkan hosting pribadi. Karena itu, Anda dapat membiarkan yang ini Dinonaktifkan.

9. Monitoring – TIDAK ADA TINDAKAN

Anda tidak perlu mengonfigurasi Pemantauan. Abaikan saja.

10. Debug – DINONAKTIFKAN

Debug adalah proses mendeteksi dan menghapus kesalahan yang ada dan potensial (juga disebut sebagai “bug”) dalam kode perangkat lunak yang dapat menyebabkannya berperilaku tidak terduga atau macet. Untuk mencegah pengoperasian perangkat lunak atau sistem yang salah, debugging digunakan untuk menemukan dan menyelesaikan bug atau cacat. Ketika berbagai subsistem atau modul digabungkan dengan erat, debugging menjadi lebih sulit karena setiap perubahan dalam satu modul dapat menyebabkan lebih banyak bug muncul di modul lain. Terkadang dibutuhkan lebih banyak waktu untuk men-debug program daripada mengkodekannya.

Kecuali Anda secara aktif mencoba men-debug situs Anda, Anda harus membiarkan semua opsi Debug Dinonaktifkan . Mereka hanya akan menambahkan kode yang tidak perlu ke situs Anda.

Dan itu untuk mengonfigurasi Pengaturan Umum! Mungkin ada beberapa opsi tambahan yang diberikan, tetapi Anda dapat dengan aman mengabaikan apa pun yang tidak saya sebutkan di atas.

Selanjutnya, Anda perlu mengonfigurasi setiap metode secara lebih detail. Anda dapat mengakses pengaturan rinci setiap metode dengan mengklik opsi yang relevan di menu sidebar Anda:

Ingat – Anda hanya perlu mengonfigurasi opsi yang Anda aktifkan di atas. Jadi, Anda tidak perlu mengonfigurasi setiap item menu.

Langkah 4: Konfigurasikan cache halaman

Pertama, buka pengaturan Page Cache. Kemudian, melalui berbagai opsi pada halaman dengan mengikuti petunjuk ini. Jika saya tidak menyebutkan suatu bagian, Anda dapat membiarkannya sebagai default.

1. Umum

Di bawah Umum , pastikan Anda mencentang kotak ini untuk mengaktifkannya:

  • Halaman depan cache
  • Umpan cache
  • Cache SSL – CloudFlare menawarkan sertifikat SSL gratis, sehingga Anda dapat mengaktifkan kotak ini meskipun saat ini Anda tidak menggunakan SSL.
  • Jangan menyimpan halaman untuk pengguna yang login

Anda dapat membiarkan yang lainnya dinonaktifkan (tidak dicentang):

2. Pramuat Cache

Isi bagian ini dengan mengikuti pengaturan ini:

  • Secara otomatis mengisi cache halaman: Dicentang
  • Interval pembaruan: 900 detik
  • Halaman per interval: 10
  • URL peta situs: Tautan sebenarnya ke peta situs Anda jika ada. Biasanya “domainanda.com/sitemap.xml” untuk sebagian besar plugin SEO WordPress.
  • Preload cache posting setelah mempublikasikan acara: Dicentang

Anda dapat dengan aman membiarkan yang lainnya di bagian ini sebagai default.

Langkah 5: Konfigurasi cache objek

Karena Minify atau Database Cache tidak harus diaktifkan, Anda dapat langsung beralih ke pengaturan Object Cache .

Anda harus dapat membiarkan semuanya sebagai default di sini – pastikan Anda melihat angka-angka ini:

  • Seumur hidup default objek cache: 180 detik
  • Interval pengumpulan sampah: 3600 detik

Langkah 6: Konfigurasikan cache browser

Ini adalah metode terakhir yang perlu Anda konfigurasikan!

1. Umum

Di bawah opsi Umum , Anda perlu mencentang beberapa kotak tambahan. Pastikan untuk memeriksa semua ini:

  • Setel tajuk Terakhir-Dimodifikasi: Dicentang
  • Set expires header: Dicentang
  • Set cache control header: Dicentang
  • Set entity tag (eTag): Dicentang
  • Setel W3 Total Cache header: Dicentang
  • Aktifkan kompresi HTTP (gzip): Dicentang

Anda dapat membiarkan opsi lain tidak dicentang:

Anda dapat membiarkan semua bagian lain di bawah Cache Browser sebagai defaultnya.

Langkah 7: Konfigurasi W3 Total Cache CloudFlare Extension

Itu saja sejauh mengonfigurasi pengaturan! Untuk saat ini, hal terakhir yang perlu Anda lakukan di W3 Total Cache adalah pergi ke halaman Ekstensi dan Aktifkan CloudFlare.

Setelah Anda mengkonfigurasi CloudFlare, Anda harus kembali ke halaman ini untuk memasukkan kredensial login CloudFlare Anda.

Untuk saat ini, Anda siap untuk melanjutkan ke konfigurasi CloudFlare.

Mengatur dan mengkonfigurasi CloudFlare untuk WordPress

Saya punya kabar baik!.

Jika Anda berhasil melewati bagian cara Setting W3 Total Cache, CloudFlare akan terlihat seperti berjalan di taman sebagai perbandingan.

Langkah 1: Mendaftar untuk akun CloudFlare dan pilih situs web Anda

Pergilah ke situs CloudFlare dan daftar untuk sebuah akun.

Setelah Anda membuat akun, CloudFlare akan meminta Anda untuk menambahkan situs web Anda. Cukup masukkan domain website Anda dan klik Pindai Data DNS:

CloudFlare akan menampilkan video berguna saat memindai situs web Anda. Setelah pemindaian selesai, cukup klik Lanjutkan.

Langkah 2: Verifikasi data DNS Anda

Di layar berikutnya, Anda perlu memverifikasi catatan DNS Anda. Saya tahu ini mungkin tampak rumit. Tetapi jika Anda seorang pemula, inilah yang perlu Anda lakukan:

Pastikan Anda melihat ikon CloudFlare oranye di sebelah nama domain asli Anda. Ini berarti CloudFlare akan mempercepat lalu lintas untuk domain tersebut. Jika Anda menggunakan subdomain publik, Anda juga harus memverifikasi bahwa Anda melihat ikon oranye di sebelahnya.

Selama Anda melihat ikon jingga, Anda siap untuk jet!

Langkah 3: Pilih level paket Anda

Karena posting ini adalah tentang mempercepat situs Anda secara gratis, Anda harus memilih paket Gratis. Bagi sebagian besar pemilik situs, paket gratis ini lebih dari cukup.

Langkah 4: Perbarui server nama Anda

Pada langkah terakhir, Anda harus mengupdate nameserver domain Anda dari nameserver Anda saat ini ke nameserver baru yang disediakan oleh CloudFlare.

Untuk melakukan itu, Anda harus pergi ke mana pun Anda mendaftarkan nama domain Anda dan memperbarui server nama Anda dengan pencatat Anda. Jika Anda membutuhkan bantuan, tim dukungan registrar dapat mengarahkan Anda ke arah yang benar.

Mungkin perlu waktu 24 jam agar perubahan diterapkan. Tapi jangan khawatir – situs Anda tidak akan mengalami downtime. Semua itu berarti CloudFlare mungkin tidak benar-benar mulai mempercepat situs Anda selama 24 jam.

Dan Anda sudah selesai dengan konfigurasi dasar!

Langkah 5: Aktifkan CloudFlare di W3 Total Cache

Kita Hampir selesai melaui tahap cara setting W3 Total Cache, semuanya! Bersabarlah dengan kami selama beberapa menit.

Sekarang, Anda hanya perlu kembali ke W3 Total Cache dan menambahkan kredensial login CloudFlare Anda untuk menyinkronkan keduanya.

Di dasbor WordPress Anda, buka Ekstensi dan klik tautan Pengaturan di bawah ekstensi CloudFlare.

Klik tombol Otorisasi di bawah Kredensial:

Catatan: Saat ini ada kesalahan yang menghentikan tombol Otorisasi bekerja kecuali bahasa situs web Anda disetel ke bahasa Inggris. Jika demikian, ubah sementara situs Anda ke bahasa Inggris, lalu klik tombol Otorisasi.

Anda dapat mengubahnya kembali ke bahasa yang benar setelah prosesnya selesai.

Masukkan alamat email untuk akun CloudFlare Anda serta kunci API CloudFlare Anda.

Anda dapat menemukan kunci API CloudFlare Anda dengan masuk ke Akun kami ( tautan ini akan membawa Anda langsung ke sana ) dan menemukan bagian Kunci API :

Setelah Anda menyimpan kredensial Anda, Anda akan melihat layar baru dengan sejumlah opsi pengaturan.

Langkah 6: Nyalakan CloudFlare Minify

Langkah terakhir, aku janji kelingking! Anda hanya perlu menggulir ke bawah dalam pengaturan tersebut dan mengaktifkan ketiga level minifikasi:

Dan itu dia! Simpan pengaturan Anda, bagikan sampanye, dan rayakan pekerjaan yang telah selesai dengan baik.

Jika perlu, Anda juga dapat mengonfigurasi SSL dan pengaturan keamanan di halaman ini. Tetapi tidak apa-apa membiarkannya sebagai default untuk saat ini.

Kesimpulan

Sekarang Anda sudah mengetahui cara setting W3 Total Cache dan sedikit informasi mengenai cache. Setidaknya setelah membaca artikel ini dapat menentukan apakah plugin ini cocok untuk Website yang sedang dikembangkan atau tidak.

Singkatnya, dengan mengikuti panduan cara setting W3 Total Cache dapat memberikan beberapa pemilihan konfigurasi yang menarik untuk dicoba. Pengguna dapat menyesuaikan dengan kebutuhan Website miliknya. Setidaknya ada 10 halaman pengaturan yang dapat diatur, termasuk di dalamnya untuk mengatur proses caching pada website.

Kami memberikan sedikit informasi tambahan di bawah ini yang mungkin saja Anda membutuhkannya untuk mengembangkan website atau sekedar memahami lebih lanjut mengenai cache di website.

Kami berharap artikel ini bermanfaat bagi Anda. Bagi para pengguna yang masih belum menjual konsep CDN, kami sangat menyarankan Anda untuk mencobanya. CDN bekerja dengan host web Anda untuk mengurangi beban server dan meningkatkan kinerja situs

Advertisements

Leave a Reply