Cara menginstall dan mengatur CDN

Setelah desain ulang saya, saya menghabiskan beberapa waktu untuk melakukan pengoptimalan kinerja (masih ada beberapa pekerjaan yang harus dilakukan). 

Setelah melakukan beberapa pengoptimalan, saya melihat peningkatan kinerja yang besar di situs. Cukup terlihat bahwa pengguna saya mengirim email kepada saya menanyakan tentang hal itu. Saya telah mendengar permintaan Anda, dan panduan lengkap tentang apa yang saya lakukan untuk mempercepat situs saya akan segera tersedia.

Meskipun saya telah membahas cara menginstall MaxCDN dalam tutorial saya tentang W3 Total Cache , saya telah membuat beberapa perubahan tambahan sejak saat itu. Pada artikel ini, saya akan menunjukkan cara menginstall dan mengatur MaxCDN di WordPress.

Berikut adalah email yang saya dapatkan dari salah satu pengguna saya;

“… Alasan utama saya menghubungi Anda adalah untuk menanyakan tentang kecepatan situs. Bagaimana mungkin Anda bisa mempercepat situs Anda begitu cepat? Kecepatannya gila dan saya sangat menyukainya. “

Saya melakukan banyak tes menggunakan situs bernama Pingdom . Waktu muat tercepat untuk beranda saya hanya 483 md. Saya menjalankan pengujian berkali-kali (jam dan pusat data berbeda). Rentang waktu buka saya di beranda adalah 483 md – 1,7 dtk. Di bawah ini adalah salah satu tangkapan layarnya:

 

Banyak yang masuk ke dalam pengoptimalan kinerja (mengurangi kueri HTTP seperti memuat skrip hanya saat dibutuhkan, menggabungkan skrip dan stylesheet, mengoptimalkan gambar, dll.). 

Tetapi salah satu komponen utama yang membuat situs web kita memuat dengan cepat dan mencegah kita mogok adalah CDN WordPress yang hebat.

Saya menggunakan MaxCDN, dan Anda dapat meninjau MaxCDN saya di bagian Cetak Biru saya di mana saya menjelaskan mengapa saya menggunakan MaxCDN . Jika Anda tidak tahu apa itu CDN atau mengapa Anda membutuhkan CDN, maka Anda harus melihat atau infografik ” Apa sih CDN itu “.

Sekarang karena itu, untuk mengikuti tutorial ini, Anda HARUS memiliki akun MaxCDN . Ini sangat terjangkau dan bernilai uang. Jika Anda tidak memiliki akun, Anda dapat mendaftar sekarang. 

Setelah Anda membuat akun dengan MaxCDN, Anda perlu menginstall plugin WordPress gratis ini yang disebut W3 Total Cache .

Hal pertama yang perlu Anda lakukan adalah login ke akun MaxCDN Anda dan membuat “Zona Tarik”. Untuk melakukan ini, klik pada tombol Kelola Zona dan kemudian klik ikon “Buat Zona Tarik”.

MaxCDN Buat Zona Tarik

Di halaman berikutnya, Anda akan diminta memasukkan detail untuk zona Tarik Anda yang baru.

  • Nama Zona Tarik: Ini bisa apa saja tanpa spasi, minimal 3 karakter. Anggap ini sebagai nama pengguna Anda.
  • Origin Server URL: Masukkan URL blog wordpress Anda. Harus memiliki “http: //” dan garis miring (/).
  • Domain CDN Khusus: Gunakan subdomain apa saja, misalnya: cdn.wpbeginner.com
  • Label: Ini seperti kolom deskripsi. Ini opsional untuk menambahkan deskripsi.
  • Kompresi: Kami menyarankan Anda mengaktifkan ini karena akan menghemat penggunaan bandwidth di akun Anda.

 

Setelah Anda mengklik buat, Anda akan melihat layar sukses. Di kotak hijau itu, Anda akan memiliki URL untuk CDN Anda. Ini akan terlihat seperti “ach.achyar.netdna-cdn.online”. Mari salin URL ini dan simpan di notepad Anda. Saya perlu menggunakannya di langkah selanjutnya. Jika Anda pergi ke dasbor, Anda sekarang akan melihat zona yang telah Anda buat. Klik pada ikon “kelola”.

 

Selanjutnya, Anda perlu mengklik tab “Pengaturan” dan melihat domain khusus.

Pengaturan Zona MaxCDN

Tujuannya di sini adalah untuk menambahkan beberapa subdomain (CNAME), sehingga Saya dapat meningkatkan kinerja pipelining di browser. Untuk melakukannya, klik tombol edit di Domain Khusus, dan cukup tambahkan beberapa domain khusus.

 

 

Setelah Anda menambahkan subdomain khusus, cukup klik perbarui. Di pengaturan Kompresi, pastikan Anda mengaktifkan kompresi GZip.

Sekarang Anda telah mengkonfigurasi zona tarik Anda, ambil url CDN panjang yang Anda dapatkan di langkah sebelumnya yang terlihat seperti ini “ach.achyar.netdna-cdn.online”.

Saya akan membutuhkan ini untuk menyetel data CNAME. Saya akan menunjukkan cara membuat data CNAME menggunakan cPanel. Sebagian besar penyedia hosting WordPress menggunakan cPanel. Masuk ke cPanel Anda, lalu gulir ke bawah ke Bagian Domain dan klik Editor Zona DNS Sederhana.

Editor Zona DNS Sederhana di cPanel

Di halaman ini, Anda harus mengisi bidang untuk Menambahkan Data CNAME. Dua nilai yang harus Anda isi adalah: Name dan CNAME.

  • Nama: Ini adalah nama Domain CDN Khusus Anda. Misalnya, domain CDN kustom saya adalah cdn.achyar.online, jadi saya akan meletakkan “cdn” di bidang nama saya.
  • CNAME: Ini akan menjadi URL yang diberikan kepada Anda oleh MaxCDN saat Anda membuat zona tarik. Misalnya: “ach.achyar.netdna-cdn.online”.

Contoh tangkapan layar:

 

Ulangi proses ini untuk semua domain kustom yang akan Anda tambahkan. Nilai CNAME akan sama. Yang Anda ubah hanyalah namanya menjadi seperti “cdn”, “cdn2” dll. Menambahkan metode CNAME mungkin berbeda jika Anda memiliki host non cPanel.

Sekarang Anda telah mengkonfigurasi MaxCDN , mari lanjutkan dan integrasikan dengan WordPress. Kita perlu menggunakan plugin W3 Total Cache . Instal dan aktifkan plugin. Pada layar General, jika Anda menggulir ke bawah, Anda akan melihat kotak CDN. Aktifkan CDN dan pilih opsi NetDNA / MaxCDN .

W3 Total Cache CDN

Simpan pengaturannya. Sekarang, Anda perlu masuk ke menu CDN di W3 Total Cache untuk mengkonfigurasi MaxCDN dengan WordPress. Halaman ini akan meminta Anda untuk memasukkan ID API, Kunci API, dan nama domain kustom Anda.

 

Anda bisa mendapatkan ID dan Kunci API Anda dari MaxCDN Dashboard Anda. Jika Anda pergi ke Kelola Akun > API. Klik tambahkan kunci, dan buat kunci Anda.

Cara Mendapatkan Kunci API MaxCDN

Setelah Anda mengkonfigurasi bagian W3 Total Cache, Anda siap melakukannya. Anda dapat mengklik tombol Uji NetDNA, dan Anda harus bisa membuat Tes lulus.

Ingin mempercepat WordPress Anda? Nah, maka kami menyarankan Anda mulai menggunakan layanan CDN seperti MaxCDN .

Tinggalkan Balasan