Setelah mendesain ulang kami, WPBv4, kami menghabiskan beberapa waktu melakukan pengoptimalan kinerja (masih ada beberapa pekerjaan yang harus dilakukan). Setelah melakukan beberapa optimasi, kami melihat peningkatan kinerja utama di situs ini. Sudah cukup mencolok bahwa pengguna kami mengirim email kepada kami untuk menanyakannya. Kami telah mendengar permintaan Anda, dan panduan lengkap tentang apa yang kami lakukan untuk mempercepat situs kami akan segera berakhir. Meskipun kami telah membahas cara menginstal MaxCDN di tutorial kami tentang W3 Total Cache, kami telah melakukan beberapa perubahan tambahan sejak saat itu. Pada artikel ini, kami akan menunjukkan cara menginstal dan setup MaxCDN di WordPress.
Berikut adalah email yang kami dapatkan dari salah satu pengguna kami:
“… Alasan utama saya menghubungi Anda adalah bertanya tentang kecepatan situs. Bagaimana Anda bisa mempercepat situs Anda begitu cepat? Kecepatannya gila dan saya sangat menyukainya. ”
Kami melakukan banyak tes menggunakan situs yang disebut Pingdom. Waktu muat tercepat dari homepage kami hanya 483ms. Kami menjalankan tes berkali-kali (berbeda jam dan pusat data). Jangka waktu muat kami di beranda adalah 483ms – 1.7s. Berikut adalah salah satu tangkapan layar:
Banyak yang masuk ke pengoptimalan kinerja (mengurangi kueri HTTP seperti memuat skrip hanya saat dibutuhkan, menggabungkan skrip dan stylesheet, mengoptimalkan gambar, dll.). Tapi salah satu komponen utama yang membuat load website kita cepat dan membuat kita tidak menabrak adalah CDN WordPress yang hebat. Kami menggunakan MaxCDN, dan Anda dapat meninjau MaxCDN kami di bagian Blueprint kami di mana kami menjelaskan mengapa kami menggunakan MaxCDN. Jika Anda tidak tahu apa itu CDN atau mengapa Anda memerlukan CDN, maka Anda harus check out atau infographic “Apa itu Heck adalah CDN”.
Setelah Anda membuat akun dengan MaxCDN, Anda perlu menginstal plugin WordPress gratis ini yang disebut W3 Total Cache.
Hal pertama yang perlu Anda lakukan adalah login ke akun MaxCDN Anda dan buat “Pull Zone”. Untuk melakukannya, klik tombol Manage Zones lalu klik ikon “Create Pull Zone”.
Pada halaman berikutnya, Anda akan diminta untuk memasukkan rincian zona Pull baru Anda.
- Pull Zone Name: Ini bisa berupa apapun tanpa spasi, minimal 3 karakter. Anggap ini sebagai nama pengguna Anda.
- URL Server Asal: Masukkan URL blog wordpress anda. Harus memiliki “http: //” dan garis miring (/).
- Domain CDN Khusus: Gunakan subdomain apa saja misalnya: cdn.site.com
- Label: Ini seperti bidang deskripsi. Ini adalah opsional untuk menambahkan deskripsi.
- Kompresi: Sebaiknya Anda mengaktifkan ini karena akan menghemat penggunaan bandwidth di akun Anda.
Begitu Anda mengklik create, Anda akan melihat layar sukses. Di kotak hijau itu, Anda akan memiliki URL untuk CDN Anda. Ini akan terlihat seperti “wpb.site.netdna-cdn.com”. Mari salin URL ini dan simpan di notepad Anda. Kita perlu menggunakannya di langkah selanjutnya. Jika Anda pergi ke dasbor Anda, sekarang Anda akan melihat zona yang telah Anda buat. Klik ikon “kelola”.
Selanjutnya, Anda perlu mengeklik tab “Setelan” dan melihat domain khusus.
Tujuannya di sini adalah menambahkan beberapa subdomain (CNAMEs), sehingga kami dapat memperbaiki kinerja pipelining di browser. Untuk melakukan ini klik pada tombol edit pada Custom Domain, dan tambahkan beberapa custom domain.
Setelah Anda menambahkan subdomain khusus, cukup klik update. Pada pengaturan Kompresi, pastikan Anda mengaktifkan kompresi GZip.
Sekarang setelah Anda mengkonfigurasi zona tarik Anda, ambil url CDN yang panjang yang Anda dapatkan di langkah sebelumnya yang terlihat seperti ini “wpb.site.netdna-cdn.com”. Kita akan membutuhkan ini untuk membuat data CNAME. Kami akan menunjukkan cara membuat data CNAME menggunakan cPanel. Sebagian besar penyedia hosting WordPress menggunakan cPanel. Login ke cPanel Anda, lalu gulir ke bawah ke Bagian Domain dan klik Editor Zona DNS Sederhana .
Di halaman ini, Anda perlu mengisi kolom untuk Menambahkan Data CNAME. Dua nilai yang harus diisi adalah: Nama dan CNAME.
- Nama: Ini adalah nama Custom CDN Domain Anda. Misalnya, domain CDN khusus kami adalah cdn.site.com, jadi kami akan memasukkan “cdn” di bidang nama kami.
- CNAME: Ini akan menjadi URL yang diberikan kepada Anda oleh MaxCDN saat Anda membuat zona tarik. Misalnya: “wpb.site.netdna-cdn.com”.
Ulangi proses ini untuk semua domain khusus yang akan Anda tambahkan. Nilai CNAME akan sama. Yang Anda ubah adalah nama seperti “cdn”, “cdn2”, dsb. Menambahkan metode CNAME mungkin berbeda jika Anda memiliki host non cPanel.
Sekarang setelah Anda mengkonfigurasi MaxCDN, mari kita 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.
Simpan pengaturannya. Sekarang, Anda perlu pergi 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 Dasbor MaxCDN Anda. Jika Anda pergi Manage Account »API. Klik tombol tambah, dan buat kunci Anda.
Setelah Anda mengkonfigurasi bagian Cache Total W3, Anda akan baik untuk pergi. Anda bisa klik tombol Test NetDNA, dan Anda harus bisa mendapatkan Test yang lulus.