Cara Mengatur CDN77 untuk WordPress

Sebelumnya kita telah membahas manfaat memiliki layanan CDN dengan WordPress dan mengapa CDN adalah salah satu cara terbaik untuk mempercepat WordPress berkali-kali lipat sebelumnya di blog. Kami mengamati seberapa besar peningkatan kinerja jika pengunjung Anda jauh dari server host Anda. Kami berharap hal ini menarik minat Anda karena dalam artikel hari ini kami akan melakukan panduan langkah demi langkah tentang cara membuat sumber daya CDN di CDN77 dan cara mengubahnya dengan benar. Setelah itu, kita akan menginstal satu set plugin tertentu di WordPress dan kemudian memeriksa apakah semuanya berfungsi dengan baik.

Langkah pertama dalam panduan kami adalah membuat akun CDN77. Jika Anda belum memiliki akun, CDN77 menawarkan uji coba gratis selama 14 hari. Pendaftaran hanya membutuhkan waktu beberapa menit. Kemudian kita akan membuat Sumber Daya CDN dengan mengklik Buat Sumber Daya CDN baru (di bawah tab CDN). Untuk tujuan artikel ini, kami akan menerapkan CDN pada blog film yang dihosting di Pusat Data di Las Vegas.

Karena kami akan menerapkan solusi HTTPS lengkap, kami akan menggunakan “HTTPS” baru di CDN77. Opsi ini mengamankan transfer data dari server host Anda ke server CDN.

Jika situs Anda berjalan dalam mode SSL, Anda benar-benar perlu membuat sumber daya SSL saja di CDN77. Jika tidak, Anda berisiko mengalami kesalahan konten campuran. Kesalahan semacam ini terjadi ketika browser berjalan dalam mode SSL dan tiba-tiba mencoba memuat sumber daya melalui permintaan HTTP yang tidak aman.

Cara Mengatur SSL di CDN77

Kita dapat menyiapkan sertifikat SSL gratis dengan 2 cara. Kita bisa menggunakan sertifikat SSL bersama untuk subdomain di xxx.c.cdn77.org atau kita bisa menggunakan CNAME kita sendiri (lihat gambar di atas). Secara umum, kami menganjurkan penggunaan CNAME seperti cdn.situsanda.com.

Jika Anda menggunakan solusi bersama CDN77, tidak diperlukan langkah lebih lanjut agar subdomain SSL berfungsi dengan baik.

Dalam hal ini, kami akan menyiapkan CNAME. Artinya, konten situs web kami akan dapat diakses melalui HTTPS secara instan jika kami mengganti situs kami dengan cdn.domain kami. Dengan CDN77, mendapatkan SSL hanya dengan beberapa klik.

Sesuaikan itu!

Setelah Anda membuat sumber daya, hal pertama yang harus dilihat adalah menu Pengaturan Lainnya. Jika Anda akan menggunakan HTTPS, Anda wajib tetap mengaktifkan HTTP/2. Peningkatan kecepatan antara HTTP/1.x normal dan HTTP/2 sangat besar. CDN77 akan bekerja pada mode HTTP/2 di sumber daya HTTPS Anda secara default, sehingga menghemat separuh waktu Anda.

Jika Anda menggunakan HTTPS, Anda juga perlu melakukan pengalihan 301 untuk mematuhi standar Google untuk HTTPS, aktifkan pengalihan HTTPS.

Untuk performa optimal, aktifkan abaikan semua di Ignore Query Strings. Kecuali jika situs Anda menjalankan konten yang dimuat secara dinamis dan perlu diperbarui setiap jam, Anda dapat mengabaikan string kueri dan mengabaikan semuanya, ini akan sangat meningkatkan cache & kinerja situs.

CDN77 juga menawarkan opsi Kedaluwarsa Cache. Jika Anda memuat banyak gambar, ini harus diatur ke pengaturan tertinggi, yaitu 12 hari.

Dalam panduan ini, kami akan mempertimbangkan kecepatan terlebih dahulu. Oleh karena itu, CDN hanya akan memberi kita konten statis gambar, yang lainnya akan dimuat dari server asal.

Mengapa tidak menggunakan CDN untuk Javascript & CSS, apakah Anda gila?

Ingat di artikel kami sebelumnya, kami membahas tentang bagaimana kinerja CDN dapat bervariasi ketika konten tidak tersedia pada node yang diminta di jaringan CDN. Nah, jika file yang belum di-cache ternyata adalah file CSS, waktu muatnya akan bertambah dan hal ini mungkin berdampak negatif pada performa Anda. Hal ini mungkin lebih memengaruhi kecepatan rendering situs Anda dibandingkan jika Anda memutuskan untuk tidak menayangkan CSS dengan CDN.

File CSS & Javascript sangat penting untuk memuat situs web di browser apa pun dan file tersebut tidak boleh menjadi subjek mekanisme cache seperti yang ada di layanan CDN. Meskipun demikian, Anda dapat membuat sumber daya statis ke CDN untuk membuang file penting ini. Ini adalah teknik yang lebih canggih yang mengharuskan Anda mengubah WordPress Anda ke tingkat di luar cakupan tutorial ini.

Setelah semuanya diatur dengan benar, kita dapat melanjutkan ke tab menu pusat data.

CDN77 menyediakan cara mudah untuk mengaktifkan/menonaktifkan setiap node di jaringannya. Intinya adalah hati-hati memilih node mana yang paling aktif digunakan. Ini mudah untuk diketahui, cukup ikuti pembaca Anda.

Setelah Anda mengetahui node mana yang Anda perlukan, Anda disarankan untuk menonaktifkan semua node yang dapat dibuang. Ada penjelasan sederhana untuk hal ini: Semakin banyak node yang Anda miliki di jaringan, semakin banyak waktu yang diperlukan untuk memperbarui semuanya, sehingga kinerja Anda menurun. Sebagai aturan umum, saat Anda mengurangi jumlah node, Anda juga meningkatkan kinerja cache. Pilihlah dengan bijak.

Saat Anda menguji kinerja situs untuk pertama kalinya, pembersihan dan pengambilan awal dapat berguna. Pembersihan akan mengeluarkan konten tertentu dari jaringan CDN, berguna jika Anda mengubah konten dan perlu mengosongkan cache untuk memperbarui. Prefetch akan melakukan sebaliknya, ini akan memaksa konten tertentu masuk ke cache CDN.

Setelah semuanya dikonfigurasi, Anda dapat mengarahkan CNAME ke domain Anda sendiri. Untuk melakukan itu, Anda harus membuat aturan di registrar atau panel hosting Anda di bagian DNS dan arahkan cdn.domainanda.com Anda ke CNAME xxx.rsc.cdn77.org seperti yang ditunjukkan pada gambar, ini akan menginstruksikan DNS untuk mengalihkan semua lalu lintas subdomain Anda ke tempat yang sebenarnya. Jangan khawatir, ini tidak akan memengaruhi performa. Selain itu, ini juga bertujuan untuk menunjukkan kepada pembaca bahwa Anda menggunakan cdn.domainanda.com yang terlihat mewah.

Jika Anda lebih suka menggunakan alamat cdn77.org, Anda tidak perlu melakukan apa pun, cukup gunakan alamat tersebut saat mengganti konten Anda di WordPress.

Sisi WordPress

Di sisi WordPress, kita perlu menambahkan plugin agar ini berfungsi dengan baik. Kami akan menggunakan CDN Enabler, sebuah plugin gratis yang berguna. Alasan penggunaan plugin ini sederhana – sebagian besar plugin CDN tidak mengizinkan kontrol terperinci atas folder yang Anda kirim ke CDN. Plugin ini melakukannya dan ini sangat penting untuk kasus kami karena kami tidak ingin menyertakan file Javascript atau CSS apa pun, hanya gambar yang diunggah.

Setelah terinstal, Anda dapat menemukan pluginnya di sini…

Mari kita sesuaikan!

Ingatkah saat kita berbicara tentang penyesuaian? Inilah fakta terpenting tentang cara mengatur CDN dengan benar di WordPress. Sebagian besar plugin CDN akan meminta Anda untuk memasukkan direktori agar CDN dapat “direplikasi” dan mereka biasanya meminta Anda untuk memasukkan konten-wp. Itu bagus untuk pengaturan umum tetapi tidak bagus untuk kinerja Anda karena folder konten-wp diisi dengan folder lain yang sangat sensitif, folder plugin dan tema, termasuk banyak file Javascript & CSS. Anda mungkin kehilangan performa jika data tersebut tidak di-cache seperti yang dibahas sebelumnya.

Jadi, bagaimana kita memperbaikinya? Kami cukup menyertakan folder wp-content/uploads. Solusi yang sangat sederhana!

Meskipun Anda mungkin terkejut, sebagian besar plugin yang menangani CDN tidak mengizinkan Anda melakukan hal ini. Menyertakan subfolder ini saja akan mengarahkan CDN Anda ke folder unggahan Anda, yaitu gambar Anda saja.

Penyegaran sederhana pada situs akan memungkinkan CDN mendapatkan konten untuk Anda. Dalam contoh ini, kami membuka Tab Pengembang Firefox (F12) dan mencari gambar pertama. Anda dapat melihat dengan jelas bahwa tautan tersebut telah diganti dan kini dimuat langsung dari CDN, bukan dari server host kami!

Sebelum dan sesudah

Mari kita lihat bagaimana hasilnya!

Di layar kiri, kita bisa melihat waktu yang dibutuhkan untuk memuat situs dari Swedia (yang jauh dari server host kita di Las Vegas, ingat?) Di layar kanan, kita bisa melihat bahwa kinerjanya meningkat, waktunya adalah hampir terpotong menjadi dua! Semua file penting masih dimuat dari server kami di Las Vegas tetapi file dengan beban berat, seperti gambar, dimuat dari node di Swedia.

Membungkus

Mudah-mudahan, Anda mempelajari cara ampuh untuk mengimplementasikan CDN ke situs WordPress Anda. Beberapa teknik tidak mengganggu seperti file CSS & Javascript yang penting untuk kecepatan memuat situs. Anda sekarang dapat memanfaatkan setiap kelebihan CDN dan pada saat yang sama meminimalkan kekurangannya. Kami harap Anda mencoba uji coba CDN gratis dan menggunakan tips dalam artikel ini untuk mengetahui apakah Anda dapat mempercepat situs WordPress Anda. Kami harap Anda menikmati artikelnya! Seperti biasa, tinggalkan pertanyaan atau keraguan di komentar di bawah.