Wordpress

Cara Mengatur Amazon CloudFront Dengan W3 Total Cache/WP Super Cache .

Ingin menyiapkan CDN
dengan situs WordPress Anda tetapi tidak yakin tentang Max CDN?  Jatuh cinta dengan Amazon Web Services?  Dalam tutorial ini kami membahas cara menyiapkan Amazon Cloudfront dengan W3 Total Cache dan plugin WP Super Cache.

Menggunakan CDN adalah cara yang bagus untuk mengurangi kecepatan pemuatan situs WordPress Anda di seluruh dunia, dan CloudFront adalah salah satu opsi serba termurah dan terbaik di luar sana.

Sebelum Anda memulai dengan salah satu plugin, Anda harus mendaftar untuk akun AWS dan membuat distribusi CloudFront.

1. Mendaftar Untuk AWS

Hal pertama yang perlu Anda lakukan, adalah mendaftar untuk akun Amazon Web Services.  Cukup pergi ke mereka situs web dan mendaftar untuk sebuah akun.  Prosesnya benar-benar lurus ke depan, hampir identik dengan proses pendaftaran online lainnya untuk layanan berbayar online.

Hebatnya, jika Anda mendaftar untuk pertama kali, Anda berhak mendapatkan layanan gratis selama 1 tahun penuh, termasuk CloudFront, hingga batas tertentu.  Untuk situs bervolume besar, Anda mungkin membakarnya dengan cepat, tetapi untuk situs yang lebih kecil, ini mungkin bertahan setahun penuh.

2. Siapkan Distribusi Cloudfront

Setelah Anda mendaftar, masuk ke ‘konsol Anda’ di AWS.  Kemudian, klik ke CloudFront di bawah ‘Penyimpanan & Pengiriman Konten’.

AWS Cloudfront - Cara Mengatur CloudFront Dengan W3 Total Cache  atau WP Super Cache

Sekarang klik untuk membuat distribusi.

Buat Distribusi CloudFront - Cara Mengatur CloudFront Dengan W3  Total Cache atau WP Super Cache

Sekarang Anda perlu mengklik tombol ‘Memulai’ di bawah bagian Web, bukan bagian RTMP.  RTMP adalah untuk membuat CDN untuk media streaming

Distribusi Web - Cara Mengatur CloudFront Dengan W3 Total Cache  atau WP Super Cache

Yang perlu Anda lakukan di sini, cukup masukkan url situs Anda.  Cloudfront kemudian akan secara otomatis menyimpan file dari situs Anda ke CDN setiap kali mereka diminta untuk pertama kalinya.

Buat Distribusi CloudFront - Cara Mengatur CloudFront Dengan W3  Total Cache atau WP Super Cache

Pada dasarnya, itu saja pengaturan yang Anda butuhkan untuk distribusi CloudFront Anda, kecuali jika Anda ingin url file Anda terlihat mewah.

Jika Anda ingin menambahkan CNAME untuk membuat url file yang disediakan oleh CDN terlihat lebih cantik, Anda dapat melakukannya.  Tetapi Anda juga perlu mengaturnya dari dasbor DNS Anda atau di dalam panel server Anda, misalnya cPanel.

Sekarang mari kita beralih ke cara mengintegrasikan CloudFront dengan mudah dengan plugin WordPress W3 Total Cache.  Ada dua cara untuk melakukannya.  Cara pertama menggunakan fungsi cermin generik, dan sangat mudah diatur.  Opsi kedua menggunakan pengaturan kustom W3TC untuk CloudFront, dan sedikit lebih canggih dan membutuhkan lebih banyak waktu untuk menyiapkannya.

3. Mengatur CloudFront Dengan W3 Total Cache (Cara 1)

Hal pertama yang perlu Anda lakukan (setelah menginstal plugin jika Anda belum melakukannya) adalah menuju ke pengaturan umum W3TC.

Pilih Generic Mirror dan simpan semua pengaturan.

Pengaturan W3TC Generik - Cara Mengatur CloudFront Dengan W3 Total  Cache atau WP Super Cache

Sekarang kembali ke konsol AWS Anda, dan lihat distribusi CloudFront Anda.  Salin seluruh nama domain untuk distribusi Anda.

Distribusi Cloudfront

Sekarang yang perlu Anda lakukan adalah kembali ke pengaturan W3TC di dalam dasbor admin WordPress, kali ini khusus untuk CDN, dan salin dan tempel URL distribusi dan simpan pengaturannya.

Pengaturan W3TC - Cara Mengatur CloudFront Dengan W3 Total Cache  atau WP Super Cache

Jika Anda me-refresh situs web Anda, Anda sekarang akan melihat bahwa browser Anda menarik file dari CDN.  Konfirmasikan bahwa itu berfungsi dengan membuka gambar di tab baru dan memeriksa apakah url menunjukkan bahwa itu dipasok oleh CDN.

Ini adalah cara cepat dan mudah untuk mengatur CloudFront dengan W3TC.  Jika Anda ingin melakukannya dengan cara yang disarankan, Anda perlu menyiapkan kredensial IAM di AWS.

3.5 Mengatur CloudFront Dengan W3TC (Cara #2)

Seperti yang disebutkan sebelumnya, ada lebih dari satu cara untuk menyiapkan AWS CF dengan W3TC.  Cara kedua memanfaatkan kredensial AWS IAM untuk berkomunikasi bolak-balik antara AWS dan situs Anda melalui API.

Ini memastikan bahwa file ditambahkan ke CloudFront saat diunggah atau diperbarui, dibandingkan dengan hanya ditarik ke CF saat pertama kali diminta dari situs web Anda.

Jika Anda bersedia melakukan sedikit lebih banyak pekerjaan untuk mengaturnya dengan benar, inilah caranya.

Buka konsol AWS Anda.  Klik ‘Identity & Access Management’ di bawah bagian ‘Security & Identity’.

AWS IAM

Setelah Anda berada di sana, klik untuk ‘Buat Pengguna’.

Pengguna Baru AWS IAM

Sekarang Anda harus membuat kebijakan yang sesuai untuk pengguna IAM baru Anda.  Anda dapat melakukan ini menggunakan generator kebijakan AWS.

Jika Anda ingin pengguna Anda hanya memiliki akses ke CloudFront, dan Anda hanya ingin agar dapat mengakses dan memodifikasi distribusi yang ada.  Maka itulah masukan yang harus Anda berikan.

Jika Anda tidak keberatan memberikan akses penuh ke CloudFront dengan kredensial, Anda sebenarnya tidak perlu membuat kebijakan baru.  Anda dapat menggunakan kebijakan CloudFrontFullAccess yang sudah ada sebelumnya untuk pengguna Anda.

Jika Anda menginginkan kebijakan khusus, selesaikan pembuatannya dan buat kebijakan baru yang disebut cloudfront-user atau yang lainnya.

Kebijakan Baru AWS IAM - Cara Mengatur CloudFront Dengan W3 Total  Cache atau WP Super Cache

Sekarang lihat ikhtisar kebijakan, cari kebijakan Anda, pilih dan klik lampirkan.

Lampirkan Kebijakan AWS IAM - Cara Mengatur CloudFront Dengan W3  Total Cache atau WP Super Cache

Maka yang perlu Anda lakukan adalah melampirkan kebijakan ke pengguna yang Anda buat.

Sekarang Anda dapat mengambil kredensial pengguna dan menggunakannya dengan W3TC.

Kembali ke dasbor WP Anda, dan buka pengaturan umum W3TC.  Gulir ke bawah ke CDN, lalu pilih Amazon Cloudfront.

Pengaturan CF W3TC - Cara Mengatur CloudFront Dengan W3 Total Cache  atau WP Super Cache

Sekarang buka pengaturan CDN tertentu, dan masukkan akses dan kunci rahasia untuk pengguna IAM yang Anda buat sebelumnya.  Ini akan memberi W3TC akses ke distribusi CloudFront Anda melalui API.

Sekarang tinggal copy paste di bagian pertama URL distribusi yang ada sebelum cloudfront.net.

Dan Anda telah berhasil mengatur CloudFront dengan W3TC dengan cara yang disarankan.

3. (Plugin Alternatif) Mengatur CloudFront Dengan WP Super Cache

Jika Anda lebih suka menggunakan plugin WP Super Cache untuk proyek WordPress Anda, jangan takut.  Anda masih dapat dengan mudah mengimplementasikan CloudFront dengan plugin pilihan Anda.

Siapkan CloudFront Dengan WP Super Cache
Setelah Anda menginstal WP Super Cache, yang perlu Anda lakukan adalah menuju ke pengaturan WP Super Cache, dan salin dan tempel di URL distribusi CloudFront.  Kemudian aktifkan CDN, dan simpan pengaturan.

Segarkan halaman Anda, dan Anda seharusnya dapat melihat bahwa situs Anda menarik beberapa konten dari CDN alih-alih server normal Anda.

Sekali lagi Anda dapat memeriksa ini dengan membuka gambar di tab baru dan melihat url.

Meskipun kelihatannya pengaturannya dengan WP Super Cache jauh lebih mudah dalam tutorial ini, pengaturannya sebagai cermin generik hanya satu langkah lebih lama dengan W3TC.

Perbedaannya adalah bahwa W3TC juga mendukung pendekatan terintegrasi yang memanfaatkan AWS API sehingga membuatnya sedikit lebih fleksibel, dibandingkan dengan hanya menambahkannya sebagai cermin dan membiarkan CloudFront melakukan pekerjaannya sendiri untuk mendapatkan file.

Kesimpulan

Menyiapkan CDN adalah salah satu kemenangan terbesar untuk meningkatkan kecepatan pemuatan situs web Anda.  Jika Anda memiliki banyak pengunjung dari seluruh dunia, Anda dapat mengambil seluruh detik waktu buka untuk orang-orang yang sangat jauh dari server normal Anda.

Jadi, meskipun mungkin terdengar rumit pada awalnya, pada dasarnya setiap pemilik situs WordPress wajib mengikuti langkah-langkah ini, dan menyiapkan CloudFront sebagai CDN untuk situs mereka.  Jika Anda belum mendaftar ke AWS, Anda bahkan akan mendapatkan tahun pertama secara gratis (mungkin tidak bertahan setahun penuh jika Anda memiliki volume pengunjung yang masuk ke situs Anda.)

Apakah Anda berhasil mengatur CloudFront dengan W3TC atau WP Super Cache?  Beri tahu kami di komentar.

Demikanlah tulisan tentang Cara Mengatur Amazon CloudFront Dengan W3 Total Cache/WP Super Cache . Semoga dapat menjadi manfaat bagi kita semua.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

Back to top button