Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress Plugins
Code

Mengkonfigurasi W3 Total Cache: Sebuah Pengantar

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Configuring W3 Total Cache.
Configuring W3 Total Cache: General Settings I

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

Kecepatan halaman dari situs yang dioptimalkan ditingkatkan untuk lalu lintas tinggi adalah frase yang seorang pengembang sering mendengar dari saat mereka memasuki industri ini. Ada banyak diskusi tentang topik ini, dan memang demikian!

Dalam tutorial ini, kita akan melihat beberapa topik yang sering dibahas - terutama caching - dan bagaimana itu tidak hanya menguntungkan situs kami, tetapi cara mengkonfigurasi instalasi WordPress kita untuk mencapai hasil terbaik.

Berikut adalah beberapa alasan yang akan kita lihat ke dalam cache:

  1. Pengalaman Pengguna Jika situs Anda me-load lebih cepat, para pengunjung tetap bahagia, konversi Anda meningkat, jumlah diperpanjang dari tampilan halaman pujian keterlibatan serta peningkatan pendapatan dalam kasus iklan berdasarkan RPM.
  2. Pengalaman Mesin Pencari Situs yang memuat dengan cepat berperingkat lebih tinggi pada semua mesin pencari. Google terutama telah menyebutkan bahwa jika situs Anda dioptimalkan dan ditingkatkan untuk memuat lebih cepat, maka Anda dapat mengharapkan peringkat SERP tinggi.

Di seri terakhir, kami melihat bagaimana mengkonfigurasi plugin SEO WordPress Anda dengan Yoast untuk menyediakan SEO yang padat. Dalam artikel ini, kita membahas tentang pentingnya kecepatan halaman dan bagaimana berdampak pada peringkat Anda. Dari sana, saya telah menerima sejumlah pertanyaan tentang berbagai plugin caching, serta cara terbaik untuk mengkonfigurasi mereka.

Jadi dalam artikel ini, kita akan melihat pada W3 Total Cache dan bagaimana memberikan konfigurasi yang optimal untuk situs web kita.

Secara khusus, kita akan melihat pada poin-poin berikut:

  1. Apa itu caching?
  2. Mengapa kita harus menggunakan plugin W3 Total Cache?
  3. Apa yang ditawarkan plugin W3 Total Cache?
  4. Bagaimana kita akan mengkonfigurasi W3 Total Cache?

Dengan apa yang dikatakan, mari kita lihat.

Apa Itu Caching?

Menurut Wikipedia:

Dalam ilmu komputer, cache adalah komponen yang menyimpan data secara transparan sehingga permintaan di masa depan untuk data tersebut dapat disajikan lebih cepat. Data yang disimpan dalam cache mungkin nilai-nilai yang telah dihitung sebelumnya atau duplikat dari nilai-nilai asli yang tersimpan di tempat lain. Jika data yang diminta terkandung dalam cache (cache hit), permintaan ini dapat disajikan dengan hanya membaca cache, yang relatif lebih cepat. Jika tidak (cache miss), data harus dihitung ulang atau diambil dari lokasi penyimpanan aslinya yang relatif lebih lambat. Oleh karena itu, semakin besar jumlah permintaan yang dapat dilayani dari cache, menjadi semakin cepat kinerja sistem secara keseluruhan.

Singkatnya caching adalah proses sementara menyimpan data pada sisi server, sisi client atau mungkin keduanya untuk mempercepat lingkaran hidup halaman.

Misalnya, ketika Anda menghasilkan cache situs Anda pada sisi server, pengguna Anda tidak benar-benar mengkompilasi pekerjaan Anda. Sebaliknya, mereka melihat versi pracipta pekerjaan Anda. Biasanya, kita melihat versi dikompresi CSS dan JavaScript yang minified.

Untuk menempatkan halaman dalam konteks, mari kita asumsikan bahwa pekerjaan Anda adalah halaman WordPress (yang ditulis dalam PHP dan MySQL). Dalam hal ini, yang Anda cari memiliki hingga 250 query dijalankan ketika me-load halaman. Mari kita asumsikan diperlukan 10 detik untuk mengeksekusi permintaan pada server Anda. Itu berarti setiap kali pengunjung melihat halaman apapun di situs Anda, server Anda harus merakit kode dengan setidaknya 250 permintaan yang mengambil 10 detik pada pengembalian output.

Ketika beberapa pengunjung mendatangi situs Anda sekaligus, server akan memerlukan lebih banyak sumber daya dalam rangka untuk pengembalian halaman. Akibatnya, waktu load menderita. Selain itu, berpikir apa yang akan terjadi jika 1000 user secara bersamaan browsing situs Anda - ini dapat menyebabkan pemanfaatan sumber daya penting terutama jika Anda pada host yang hemat.

Tapi jika Anda men-cache halaman-halaman situs Anda pada sisi-server maka Anda dapat membuat kemajuan yaitu mencegah server dari kegagalan. Tetapi mengapa?

Ketika Anda men-cache halaman situs Anda di server, setiap halaman dikompilasi untuk jumlah waktu tertentu. Sekarang, ketika pengguna melihat situs Anda, halaman tidak membutuhkan 250 query untuk mengkompilasi, tapi pengguna disajikan dengan yang sudah pra-dikompilasi.

Seperti halnya dengan caching sisi-klien, juga. Di caching sisi-client, beberapa data tersimpan di browser pengunjung. Sebagai contoh, anggap bahwa Anda memiliki logo yang sama di header. Anda dapat menyimpan gambar ke browser pengguna sehingga browser - bukan server - mengembalikan gambar.

Agar menjadi jelas, mari kita lihat gambar untuk ilustrasi:

1

Mengapa Menggunakan Plugin W3 Total Cache?

Ada banyak plugin caching yang tersedia, tetapi W3 Total Cache adalah pilihan yang padat karena memiliki banyak pilihan, bekerja dengan berbagai macam konfigurasi server, memiliki lebih dari tiga juta download. Selain itu, sebuah plugin yang terkenal sebagai W3TC juga aman yang berbeda dengan beberapa plugin tidak dikenal, kualitas yang lebih rendah.

Tentu, ini adalah sedikit subjektif, tapi sebagian besar layanan yang akan Anda temukan (seperti MaxCDN dan New Relic) sering meminta Anda untuk menginstal W3TC untuk mengambil keuntungan penuh dari layanan mereka.

Jadi mengapa tidak menginstal dan mengkonfigurasi W3TC sebelumnya?

Saya telah mengoptimalkan lebih dari 100 situs untuk klien saya menggunakan W3TC dan telah menghasilkan apa-apa selain hasil positif. Screenshot berikut menggambarkan hasil dari menggunakan plugin caching.

Ahmad_Awais_W3TC_Results_Scaling_Optimizing_Sites-1
2

Tentu saja, ada sisi tingkat lanjut dari optimasi untuk mencapai dari semua yang ditunjukkan dalam hasil di atas, tapi pemula dengan optimasi sederhana masih dapat mencapai hasil yang signifikan.

Apa yang Ditawarkan Plugin W3 Total Cache?

Ada banyak manfaat lainnya dari menggunakan plugin ini, mari kita mengambil kata pengembang. Frederick Townes telah melakukan pekerjaan besar menjelaskan fiturnya.

Mereka adalah sebagai berikut:

W3TC Dipercaya Oleh:

  • AT&T
  • stevesouders.com
  • mattcutts.com
  • mashable.com
  • smashingmagazine.com
  • makeuseof.com
  • yoast.com
  • kiss925.com
  • pearsonified.com
  • lockergnome.com
  • johnchow.com
  • ilovetypography.com
  • webdesignerdepot.com
  • css-tricks.com
  • .. .dan puluhan ribu lainnya.

Beberapa Manfaat dari W3TC:

  • Setidaknya 10x peningkatan kinerja situs secara keseluruhan (Grade A di YSlow atau perbaikan Google Page Speed yang signifikan) ketika sepenuhnya dikonfigurasi
  • Meningkatkan tingkat konversi dan "kinerja situs" yang mempengaruhi peringkat situs Anda di Google.com
  • "Instant" tinjauan halaman berikutnya: browser caching
  • Render progresif yang dioptimalkan: halaman mulai me-render dengan cepat
  • Mengurangi waktu load halaman: peningkatan waktu kunjungan di situs; pengunjung melihat lebih banyak halaman
  • Peningkatan kinerja server web; mempertahankan periode lalu lintas tinggi
  • Penghematan bandwidth hingga 80% melalui minify dan kompresi HTTP dari HTML, CSS, JavaScript dan feed

Fitur itu Meliputi:

  • Kompatibel dengan shared hosting, virtual private / dedicated server dan dedicated server / cluster
  • Manajemen jaringan pengiriman konten (CDN) transparan dengan Media Library, file theme dan WordPress itu sendiri
  • Dukungan mobile: masing-masing caching halaman oleh referrer atau kelompok user agents termasuk tema beralih untuk rombongan referrer atau user agents
  • Caching (minified dan terkompresi) dari halaman dan posting di memori atau pada disk atau di CDN (mirror)
  • Caching (minified dan terkompresi) dari CSS dan JavaScript dalam memori, pada disk atau di CDN
  • Caching feed (situs, kategori, tag, komentar, hasil pencarian) di memori atau pada disk atau di CDN (mirror)
  • Caching halaman hasil pencarian (yakni URI dengan variabel query string) dalam memori atau pada disk
  • Caching dari objek database dalam memori atau pada disk
  • Caching dari object dalam memori atau pada disk
  • Minification posting dan halaman dan feed
  • Minification inline, tertanam atau JavaScript pihak ke-3 (dengan pembaruan otomatis)
  • Minification inline, tertanam atau CSS pihak ke-3 (dengan pembaruan otomatis)
  • Browser caching menggunakan cache-control, expire header masa depan dan tag entitas (ETag) dengan "cache-busting"
  • Pengelompokan JavaScript berdasarkan template (halaman home, halaman posting dll) dengan mencantumkan lokasi kontrol
  • Non-blocking JavaScript tertanam
  • Impor lampiran posting langsung ke Media Library (dan CDN)
  • Dukungan WP-CLI untuk membersihkan cache, memperbarui query string dan lebih

Singkatnya, kita dapat dengan mudah meningkatkan pengalaman pengguna bagi pembaca kami tanpa harus mengubah WordPress, tema, plugin atau alur kerja kami.

Mengkonfigurasi W3 Total Cache

Pada titik ini, kita telah mendefinisikan caching, mengapa itu penting, mengapa kita akan menggunakan W3TC, dan apa yang ditawarkan plugin ini. Selain itu, kami telah mengakui bahwa optimasi situs kami dengan plugin seperti W3TC sangat penting.

Inti dari artikel ini adalah untuk memberikan pemahaman tentang pentingnya optimasi. Setelah semua, itu jauh lebih sulit untuk mengerti cara mengkonfigurasi tanpa pemahaman mengapa kita mengkonfigurasi plugin.

Di bagian selanjutnya dari seri, saya akan mengajarkan Anda setiap langkah yang terlibat dalam mengkonfigurasi plugin W3TC.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.