Cara Mempercepat Situs WordPress Anda dengan CDN77

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


Langkah pertama pada panduan kami adalah buat akun CDN77. Jika Anda belum memiliki akun, CDN77 menawarkan uji coba 14 hari gratis. Registrasi hanya membutuhkan beberapa menit. Kemudian kita benar-benar akan membuat Sumber Daya CDN dengan mengklik Buat Sumber Daya CDN baru (di bawah tab CDN). Untuk tujuan artikel ini, kami akan mengimplementasikan CDN di blog film yang di-host di Datacenter di Las Vegas.

cdn77-dengan-wordpress-03

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 hanya SSL di CDN77. Jika tidak, Anda berisiko kesalahan konten campuran. Jenis kesalahan ini terjadi ketika browser berjalan dalam mode SSL dan tiba-tiba mencoba memuat sumber daya melalui permintaan HTTP yang tidak aman.

cdn77-dengan-wordpress-04

Cara Mengatur SSL di CDN77

Kami dapat mengatur sertifikat SSL gratis dalam 2 cara. Kami dapat menggunakan sertifikat SSL bersama untuk subdomain di xxx.c.cdn77.org atau kami dapat menggunakan CNAME kami sendiri (lihat gambar di atas). Secara umum, kami menganjurkan untuk menggunakan CNAME seperti cdn.yoursite.com.

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

Dalam hal ini, kami akan menyiapkan CNAME. Ini berarti bahwa konten situs web kami akan dapat diakses melalui HTTPS secara instan jika kami mengganti situs kami dengan cdn.ourdomain. Dengan CDN77, memperoleh SSL adalah masalah beberapa klik.

Tweak itu !

Setelah Anda membuat sumber daya, hal pertama yang harus dilihat adalah menu Pengaturan Lainnya. Jika Anda akan menggunakan HTTPS, mutlak wajib untuk 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, memotong waktu Anda menjadi dua.

Jika Anda menggunakan HTTPS, Anda juga perlu melakukan redirect 301 untuk mematuhi standar google untuk HTTPS, aktifkan HTTPS redirect.

Untuk kinerja optimal, aktifkan abaikan semua di Abaikan String Kueri. Kecuali jika situs Anda menjalankan konten yang dimuat secara dinamis yang perlu diperbarui setiap jam, Anda dapat lolos dengan string kueri dan mengabaikan semua, ini akan sangat meningkatkan kinerja cache & situs.

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

Dalam panduan ini, kami akan mempertimbangkan kecepatan di tempat pertama. Karenanya CDN hanya akan menyediakan kami dengan konten gambar statis, yang lainnya akan dimuat dari server asal.

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

Ingat di artikel kami sebelumnya, kami berbicara tentang bagaimana kinerja CDN dapat bervariasi ketika konten tidak tersedia pada simpul yang diminta dari jaringan CDN. Nah, jika file yang belum di-cache kebetulan adalah file CSS, waktu buka akan meningkat dan ini dapat berdampak negatif pada kinerja Anda. Ini mungkin mempengaruhi kecepatan rendering situs Anda lebih banyak daripada jika Anda memutuskan untuk tidak menyajikan CSS dengan CDN.

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

Setelah semuanya di-tweak dengan benar, kita dapat melanjutkan ke tab menu pusat data.

cdn77-dengan-wordpress-07

CDN77 menyediakan cara mudah untuk mengaktifkan / menonaktifkan setiap node jaringan mereka. Intinya adalah memilih dengan hati-hati node mana yang paling aktif digunakan. Ini mudah ditemukan, cukup ikuti pembaca Anda.

Setelah Anda tahu node mana yang Anda butuhkan, Anda disarankan untuk menonaktifkan semua node yang dapat dibuang. Ada penjelasan sederhana untuk ini: Semakin banyak node yang Anda miliki di jaringan Anda, semakin banyak waktu yang dibutuhkan untuk memperbarui semuanya, karenanya, kinerja Anda menderita. Sebagai aturan umum, saat Anda mengurangi jumlah node, Anda juga meningkatkan kinerja cache. Pilihlah dengan bijak.

Saat Anda menguji kinerja situs Anda untuk pertama kalinya, bersihkan dan prefetch bisa berguna. Bersihkan akan mendorong konten tertentu keluar dari jaringan CDN, ini berguna jika Anda mengubah konten dan perlu membuang cache untuk memperbarui. Prefetch akan melakukan yang sebaliknya, itu akan memaksa konten tertentu ke dalam cache CDN.

cdn77-dengan-wordpress-10

Setelah semuanya terkonfigurasi, 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.yourdomain.com Anda ke CNAME xxx.rsc.cdn77.org seperti yang ditunjukkan pada gambar, ini akan menginstruksikan DNS untuk mengarahkan ulang semua lalu lintas subdomain Anda ke tempat yang seharusnya. Jangan khawatir, itu tidak akan memengaruhi kinerja. Selain itu, ini juga bertujuan untuk menunjukkan kepada pembaca Anda bahwa Anda menggunakan a cdn.domainanda.com yang terlihat mewah.

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

Sisi WordPress

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

cdn77-dengan-wordpress-14

Setelah diinstal, Anda dapat menemukan plugin di sini …

cdn77-dengan-wordpress-15

Mari kita ubah !

cdn77-dengan-wordpress-16

Ingat ketika kita berbicara tentang penyesuaian? Inilah fakta paling penting tentang cara memasang CDN di WordPress dengan benar. Sebagian besar plugin CDN akan memberitahu Anda untuk memasukkan direktori untuk “direplikasi” CDN dan mereka biasanya meminta Anda untuk memasukkan konten-wp. Itu bagus untuk pengaturan umum tetapi tidak baik untuk kinerja Anda karena folder konten-wp diisi dengan folder lain yang sangat sensitif, folder plugin dan tema, termasuk berton-ton file Javascript & CSS. Anda mungkin kehilangan kinerja ketika mereka tidak di-cache seperti yang dibahas sebelumnya.

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

Terkejut, Anda mungkin, sebagian besar plugin yang menangani CDN tidak akan memungkinkan Anda untuk melakukan ini. Termasuk sepenuhnya subfolder ini akan menginstruksikan CDN Anda ke folder unggahan Anda, yaitu hanya gambar Anda.

cdn77-dengan-wordpress-17

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

Sebelum dan sesudah

Mari kita lihat bagaimana semua ini terjadi !

Di layar kiri, kita dapat melihat waktu yang diperlukan untuk memuat situs dari Swedia (yang jauh dari server host kami di Las Vegas, ingat?) Di layar kanan, kita dapat melihat bahwa kinerjanya meningkat, waktunya sudah tiba. hampir memotong setengah! Semua file penting masih dimuat dari server kami di Las Vegas tetapi file yang berat, seperti gambar yang dimuat dari node di Swedia.

Membungkus

Mudah-mudahan, Anda belajar cara ampuh untuk mengimplementasikan CDN ke situs WordPress Anda. Beberapa teknik bersifat non-intrusif seperti file CSS & Javascript yang penting untuk kecepatan pemuatan situs. Anda sekarang dapat memanfaatkan setiap keunggulan CDN dan pada saat yang sama meminimalkan kelemahannya. Kami harap Anda akan memberikan percobaan CDN gratis dan menggunakan tips dalam artikel ini untuk melihat apakah Anda dapat mempercepat situs WordPress Anda. Kami harap Anda menikmati artikel ini! Seperti biasa, tinggalkan pertanyaan atau keraguan dalam komentar di bawah.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map