WordPress CDN: Panduan Definitif untuk Meningkatkan Visibilitas Global Anda

Selama bertahun-tahun, kecepatan pemuatan yang lebih cepat dan lebih cepat telah menjadi prioritas utama untuk situs web. Tetapi hadir seiring dengan konten dan fungsionalitas yang lebih kaya yang harus memenuhi permintaan yang semakin meningkat untuk interaktivitas pengguna. Oleh karena itu, banyak pemilik situs web merasa sulit untuk menyampaikan konten mereka dengan kecepatan lebih cepat kepada pengguna akhir di seluruh dunia.

Mengingat hal ini, banyak situs web sudah mulai menggunakan WordPress CDN (Content Delivery Network). Teknologi ini membantu mengirimkan konten situs web lebih cepat ke setiap pengguna di mana pun lokasi mereka. Dalam panduan praktis ini, Anda akan mempelajari apa itu CDN, mengapa itu penting untuk WordPress, dan bagaimana menggunakan CDN WordPress.

1. Apa itu CDN (Content Delivery Network)?

Seperti namanya, CDN ada hubungannya dengan pengiriman konten. Tapi apa isinya, dan bagaimana caranya? Yah, ini memberikan konten statis, streaming, dan dinamis dari situs WordPress Anda, termasuk file media, file CSS dan JavaScript.

Bagian lain, yaitu jaringan, adalah inti dari sistem pengiriman ini. Konten yang kita bahas sebelumnya dihosting di jaringan server yang tersebar di seluruh dunia ini, dan ketika pengguna mengirim permintaan dari browsernya, itu ditangani oleh server terdekat untuk menghindari latensi.

Fakta: Penundaan 1 detik dalam waktu buka halaman dapat menyebabkan hilangnya 7% dalam konversi, 11% lebih sedikit tampilan halaman, dan 16% penurunan kepuasan pelanggan.

Katakanlah Anda telah meluncurkan server di hosting yang dikelola Cloudways WordPress dan memilih pusat data di London, Inggris. Di sinilah situs WordPress Anda dihosting secara fisik dan semua permintaan ditangani dari sini. Situs Anda akan secepat kilat untuk pengguna di Eropa, tetapi dapat memuat sedikit lebih lambat untuk pengguna di Tokyo atau Manila. Itu karena London lebih jauh dari Tokyo daripada Paris..

CDN terbaik untuk WordPress akan mengurangi jarak ini dengan mengirimkan konten ke pengguna dari server terdekat. Untuk mengurangi jarak antara pengguna dan konten web, CDN menyimpan salinan konten dalam cache di beberapa server yang berlokasi di seluruh dunia.

2. Siapa yang Membutuhkan CDN WordPress?

Hampir semua situs WordPress membutuhkan CDN, dan jumlah situs yang menggunakan CDN meningkat secara eksponensial. Bisnis yang beroperasi di beberapa lokasi geografis bergantung pada layanan CDN ini untuk alasan yang sama yang dibahas sebelumnya dalam artikel ini. Namun, jika Anda menjalankan situs yang hanya menargetkan pengguna dari lokasi yang sama dengan hosting web Anda, maka penggunaan CDN tidak ideal. Bahkan, ini dapat menyebabkan pengalaman pengguna yang buruk karena pengguna mungkin menghadapi penundaan karena gangguan yang tidak perlu dari koneksi ekstra antara pengguna dan hosting.

Mari kita lihat jenis bisnis apa yang menggunakan CDN untuk WordPress untuk mempercepat situs WordPress mereka.

• Perdagangan elektronik
• Blog
• Agensi periklanan
• Media dan Hiburan
• Situs Streaming
• Situs Game Online
• Pendidikan Daring
• Kesehatan

3. Mengapa CDN Penting untuk WordPress?

Seiring waktu, Jaringan Pengiriman Konten (CDN) telah meningkat pesat. Memiliki CDN WordPress di situs WordPress memiliki banyak keuntungan yang tidak bisa diabaikan. Mari kita lihat mereka secara detail!

• Waktu Muat Lebih Cepat : Ini mengurangi waktu pemuatan halaman, dengan konten tersedia dari jaringan server CDN.
• Penanganan Lalu Lintas Tinggi : Karena konten dikirim dari berbagai sumber, situs yang menggunakan CDN untuk WordPress hampir tidak menghadapi waktu henti atau kinerja rendah bahkan ketika mengalami volume lalu lintas yang lebih tinggi.
• Menghemat Bandwidth : CDN juga mengurangi konsumsi bandwidth karena membatasi aliran langsung permintaan dari pengguna ke web hosting dengan mengirimkan konten itu sendiri.
• Keamanan : Jaringan CDN tersebar dan mampu menahan serangan DDoS rendah hingga ringan. Beberapa penyedia CDN juga memiliki mekanisme aktif yang dipasang untuk mengidentifikasi serangan, spammer, dan bot ini. Ini menambahkan lapisan keamanan ekstra, terutama untuk situs WordPress di mana pelanggan membayar menggunakan informasi kartu kredit mereka.
• Peringkat SEO yang Lebih Baik : Bukan rahasia lagi bahwa Google memberi peringkat situs yang lebih cepat lebih tinggi .. Sulit untuk menentukan seberapa besar kecepatan yang dapat merusak peringkat SEO, tetapi jelas bahwa itu mempengaruhi pengalaman pengguna dengan buruk, yang tidak disarankan oleh Google.
• Pengalaman Pengguna yang Ditingkatkan : CDN WordPress di situs WordPress tidak hanya meningkatkan pengalaman pengguna di desktop tetapi juga di perangkat seluler dengan memuat halaman web lebih cepat. Sejumlah besar orang sekarang menggunakan ponsel mereka untuk menjelajahi Internet. Google juga telah memulai inisiatif pencarian ramah seluler yang berarti bahwa situs yang dioptimalkan untuk seluler akan memiliki keunggulan dalam hasil pencarian.

Fakta: Pendapatan meningkat sebesar 1% untuk setiap 100 md penurunan waktu pemuatan halaman.

Tes Kecepatan CDN WordPress

Mari kita lihat CDN beraksi dengan mengujinya di situs WordPress yang dihosting di Cloudways. Server kami berlokasi di Fremont, AS. Kami menguji kecepatan dari beberapa lokasi sebelum dan sesudah mengintegrasikan CloudwaysCDN .

San Jose, California, AS

Sebelum

Setelah

Kota New York, New York, AS

Sebelum

Setelah

Stockholm, Swedia

Sebelum

Setelah

Melbourne, Australia

Sebelum

Setelah

Hasil pengujian ini menunjukkan bahwa tanpa CDN, kecepatan lebih lambat di wilayah yang jauh dari lokasi server sebenarnya. Tetapi setelah mengintegrasikan CDN di situs WordPress, itu menunjukkan peningkatan dalam kecepatan memuat.

4. Penyedia CDN WordPress Teratas

Penyedia CDN WordPress tersedia di setiap rentang anggaran. Selain itu, banyak penyedia CDN menawarkan akun percobaan.

Untuk membantu pengguna Cloudways, saya telah menyusun daftar penyedia CDN berikut yang dapat dengan mudah diintegrasikan dengan server yang dikelola Cloudways.

Catatan: StackPath (alias CloudwaysCDN) dapat diintegrasikan dengan mudah di dalam platform.

CloudwaysCDN (StackPath)

CloudwaysCDN didukung oleh StackPath, salah satu penyedia CDN terbaik untuk WordPress dengan jaringan server global yang besar.

Fitur populer termasuk perlindungan terhadap serangan DDoS, dan fitur pemblokiran dengan penyeimbangan beban. Semua paket juga menawarkan perlindungan firewall yang juga berkontribusi untuk meningkatkan waktu buka halaman situs web Anda.

Pengguna Cloudways juga dapat menggunakan opsi CDN ini dengan ' Breeze ', plugin caching default.

Harga: $1 per 25GB

KeyCDN

KeyCDN menawarkan beberapa fitur berguna yang mengoptimalkan pengiriman konten di berbagai lokasi dari seluruh dunia. KeyCDN adalah opsi CDN WordPress yang populer dengan reputasi kecepatan dan dukungan pelanggan 24/7.

KeyCDN juga menawarkan perlindungan DDoS, sertifikat SSL gratis dan khusus, dukungan HTTP/2 dan RESTful API untuk integrasi pihak ketiga.

Harga: Model penetapan harga adalah bayar sesuai pemakaian, mulai dari $0,04/GB, dengan faktur tahunan minimum $40.

Cloudflare

Cloudflare adalah salah satu CDN paling populer untuk WordPress terutama karena mudah diatur dan memiliki jaringan server global yang besar.

Cloudflare juga menawarkan CDN gratis untuk situs WordPress dengan keamanan terbatas terhadap serangan DDoS dan kerentanan lainnya. Fitur lainnya termasuk penyeimbangan beban, pengoptimalan web, manajemen DNS, dan sertifikat SSL.

Harga: Paket Pro mulai dari $20/bulan.

CloudFront

CloudFront oleh Amazon adalah CDN cepat dan aman untuk WordPress yang menawarkan keamanan standar industri terhadap DDoS dan ancaman serupa. Itu dapat dengan mudah diintegrasikan menggunakan konsol manajemen Amazon, CLI, dan SDK.

Harga: sesuai permintaan

tidak berkapsul

Incapsula adalah CDN populer lainnya untuk WordPress dengan server yang berlokasi di seluruh dunia. Ini dapat dengan mudah diintegrasikan dengan WordPress dan kompatibel dengan semua plugin caching populer.

Incapsula menawarkan fitur seperti sertifikat SSL, dukungan 24/7, perlindungan DDoS, firewall, analitik serangan, intelijen ancaman, dan perlindungan data.

Harga: Mulai dari $59/bulan

CDN77

CDN77 adalah salah satu CDN tercepat untuk situs WordPress. Fitur yang disorot termasuk sertifikat SSL/TLS, perlindungan DDoS, perlindungan hotlink, dan firewall web.

CDN77 juga menawarkan alat analitik untuk melacak lalu lintas dan penggunaan bandwidth, dan log CDN yang berisi informasi berguna dan laporan kerusakan.

Harga: Mulai dari $199/bulan

Saat memilih CDN yang tepat untuk bisnis Anda, pastikan untuk mempertimbangkan biaya dan layanan beserta kinerjanya.

5. Pembandingan CDN WordPress

Ada banyak penyedia CDN WordPress untuk dipilih, tetapi merupakan tantangan untuk menentukan mana yang akan menawarkan kinerja terbaik dalam skenario dunia nyata.

Satu-satunya cara untuk mengatasi masalah ini adalah dengan membandingkan CDN tersebut dan untuk itu, kami memilih tiga penyedia CDN populer yang banyak digunakan:

1. CloudwaysCDN (Bermitra dengan StackPath sebelumnya dikenal sebagai MaxCDN)
2. Cloudflare
3. KeyCDN

Proses Pembandingan CDN

Saya meluncurkan WordPress default di server Cloudways DigitalOcean dengan 1GB RAM , 25GB SSD , dan 1 Core CPU .

Untuk pengujian benchmarking, alat yang kami gunakan adalah CLI benchmark Node.js CDN open-source . Untuk memahami seberapa cepat CDN WordPress mengirimkan konten, Anda akan memerlukan entri data yang cukup selama beberapa jam.

Dalam pembandingan CDN kami, kami mengunduh tiga file gambar dari situs WordPress kami yang dihosting di Cloudways ( kecil: 78.6KB, sedang: 747KB, besar: 1.28MB), selama 3,5 jam dengan interval 5 menit. File-file ini diambil dari situs WordPress yang dihosting di Cloudways.

Hasil Benchmarking CDN

Setelah uji benchmarking, kami menyusun data akhir menjadi representasi grafis untuk perbandingan yang mudah. Data dihasilkan setelah menjalankan tes selama 3,5 jam berturut-turut. Tes ini memberi Anda petunjuk tentang CDN mana yang berfungsi lebih baik pada ukuran file mana.

Gambar Kecil

Cloudflare dimulai secara normal tetapi tidak dapat mempertahankan kecepatan yang sama saat mengunduh gambar ukuran kecil. Dalam 40 menit pertama pengujian, kecepatannya mencapai 22 milidetik sedangkan CloudwaysCDN dan KeyCDN hanya berbaring lurus pada sumbu horizontal yang menunjukkan kecepatan konstan sekitar 2-3 milidetik. Ada lonjakan dari menit ke-75 hingga ke-85 di KeyCDN yang mencapai 9 ms.

The CloudwaysCDN cukup halus selama pengujian. Itu memulai dan mengakhiri tes dengan kecepatan pengunduhan maksimum tanpa kejutan.

Gambar Sedang

Hal-hal tidak menjadi lebih baik untuk CloudFlare saat mengunduh gambar ukuran sedang juga. Itu memiliki lonjakan besar dari 20-40 menit sekitar 128 ms. Lonjakan kecil lainnya dari menit 75 hingga 85. Di sisi lain, CloudwaysCDN mempertahankan posisi teratasnya dibandingkan dengan KeyCDN , yang menunjukkan beberapa gangguan menjelang akhir pengujian seperti yang terlihat pada grafik di atas.

Gambar besar

Saat mengunduh gambar besar (1,28MB), kecepatan pengunduhan Cloudflare sekitar 40 ms sementara rekan-rekannya memiliki awal yang relatif baik. KeyCDN hampir stabil selama pengujian kecuali beberapa gundukan di awal dan menjelang akhir pengujian. CloudwaysCDN kembali melakukan pekerjaan luar biasa dengan tetap sedekat mungkin dengan sumbu X yang menunjukkan kecepatan pengunduhan yang cepat dan stabil selama pengujian.

Kami juga menghitung kecepatan unduh rata-rata setiap CDN pada tiga ukuran gambar.

Skor rata - rata

Hasil dari grafik di atas cukup mudah. CloudwaysCDN memiliki kecepatan pengunduhan tertinggi di ketiga kategori file. KeyCDN berada di urutan kedua dengan skor rata-rata. Cloudflare mendapat posisi ketiga dengan skor terendah karena lonjakan besar pada tahap awal ketiga tes. Performanya cukup baik di tengah dan akhir tes.

6. Bagaimana Cara Menggunakan CDN di WordPress?

6a. Tambahkan CloudwaysCDN ke WordPress

Pelanggan Cloudways dapat mengaktifkan dan mengintegrasikan CloudwaysCDN dengan WordPress hanya dalam satu klik. Berikut adalah beberapa langkah yang terlibat dalam proses: masuk ke akun Cloudways, navigasikan ke Aplikasi, lalu masuk ke aplikasi WordPress tempat Anda ingin menginstal CloudwaysCDN.

Dari panel kiri, navigasikan ke tab CloudwaysCDN lalu masukkan URL situs WordPress Anda. Klik tombol BUAT .

Ini akan mengaktifkan CloudwaysCDN untuk aplikasi ini dan memberi Anda beberapa detail seperti URL CDN, penggunaan bandwidth, dan pembersihan cache. Anda juga memiliki opsi untuk menghapus CloudwaysCDN.

Untuk mengintegrasikannya ke dalam situs WordPress, cukup klik tombol Terapkan .

PS: Satu klik hanya berlaku untuk Breeze – plugin cache WordPress gratis dari Cloudways. Jika Anda menggunakan plugin caching lainnya, dapatkan URL CDN dari tab CloudwaysCDN dan konfigurasikan CDN yang sesuai.

Masuk ke panel admin situs WordPress Anda dan kemudian klik Breeze di bawah Pengaturan :

Buka tab CDN Plugin Breeze Cache dan di sini Anda akan melihat bahwa opsi Activate CDN ditandai sebagai dicentang, dan URL CDN diatur di bidang CDN CNAME .

Sekarang saatnya untuk memverifikasi bahwa CDN terintegrasi. Buka situs Anda, tekan CTRL+U dan cari StackPath . Anda akan mendapatkan beberapa hasil yang berarti bahwa CDN berhasil diintegrasikan.

Sepertinya situsnya rusak?

Jangan khawatir! Cloudways menggunakan Varnish untuk mengoptimalkan situs WordPress. Pastikan untuk membersihkan semua cache, lalu kunjungi kembali situs tersebut. Hore! Anda telah mengintegrasikan CloudwaysCDN hanya dalam beberapa klik.

Ingin tahu lebih banyak tentang CloudwaysCDN? Lihat di sini .

6b. Tambahkan CloudFront ke WordPress

CloudFront oleh Amazon mungkin adalah CDN paling populer untuk situs web WordPress. Setelah terhubung, CloudFront menyajikan konten situs WordPress langsung dari servernya alih-alih meminta server hosting. Ini mengurangi jumlah permintaan yang membebani server hosting.

Dapatkan URL CDN dengan Membuat Distribusi Web di CloudFront CDN

Saya berasumsi Anda sudah memiliki akun di Amazon Web Services (AWS). Jika tidak, daftar dan navigasikan ke CloudFront Console . Kemudian, klik Mulai di bawah bagian Web .

Ini akan membawa Anda ke opsi satu halaman penuh di mana Anda dapat memilih dari sejumlah opsi. Untuk membuatnya sederhana, saya akan menggunakan pengaturan default yang ditetapkan oleh CloudFront itu sendiri.

• Nama Domain Asal: URL situs web saya (wpcommunity.org)
• Jalur Asal: Masukkan jalur spesifik untuk aset, jika ada. (Saya membiarkannya kosong.)
• ID Asal: Masukkan deskripsi sederhana tentang layanan ini.

Semua pengaturan lainnya tidak tersentuh. Jika Anda ingin mengonfigurasi lebih jauh, berikut adalah panduan lengkap yang menjelaskan semua opsi itu. Gulir ke bawah dan klik Buat Distribusi .

Ini akan memakan waktu beberapa menit untuk menyebarkan, tergantung pada konten situs Anda. Setelah proses selesai, Anda akan dibawa ke layar dari mana Anda akan menemukan Nama Domain (URL CloudFront).

Salin URL di Nama Domain dan arahkan ke tab CDN Breeze dan tempel di bidang teks URL Root CDN .

• Activate CDN : Tandai ini jika Anda ingin mengaktifkan CDN.
• CDN Root URL : URL dari distribusi yang dibuat. Jangan lupa untuk menambahkan HTTP/HTTPS ke URL.
• Konten CDN : Direktori konten yang ingin Anda sajikan oleh CDN.
• Kecualikan Konten : Jika Anda ingin mengecualikan beberapa ekstensi file, atau direktori yang tidak dilayani oleh CDN, masukkan di sini.
• Jalur Relatif : Selalu disarankan untuk mengaktifkan jalur relatif untuk menjaga struktur file dan folder.

Mari Mengujinya!

Kunjungi URL situs Anda, lihat kode sumber dan cari CloudFront . Anda akan melihat semua aset, seperti CSS, JS, dan gambar, dilayani oleh CDN CloudFront.

6c. Tambahkan KeyCDN ke WordPress

KeyCDN adalah salah satu penyedia CDN WordPress terkemuka di pasar. Saya sarankan Anda mencoba layanan mereka di situs web Anda (melalui masa percobaan gratis) sebelum memilih akun penuh.

Pada artikel ini, saya akan mendemonstrasikan cara menghubungkan KeyCDn dengan plugin Breeze cache agar semua konten disajikan melalui CDN.

Hal pertama yang pertama, saya perlu mendaftar untuk akun KeyCDN dengan mengisi beberapa detail yang diperlukan. Di bidang pertama, masukkan URL situs web yang ingin Anda hubungkan dengan KeyCDN dan isi detail lainnya seperti email dan kredensial pengguna.

Setelah mengklik tombol Buat Akun , Anda akan mendapatkan email verifikasi. Setelah diverifikasi, Anda akan melihat dasbor KeyCDN:

Dapatkan URL CDN dengan Menambahkan Zona di KeyCDN

Situs WordPress saya telah ditambahkan ke akun saya. Sekarang, saya perlu menambahkan Zona sehubungan dengan URL situs saya. Dari panel kiri, navigasikan ke tab Zona dan Anda akan diminta untuk mengonfigurasi zona.

• Nama Zona: KeyCDN menyediakan URL khusus dengan format default: http://xxx-yyy.kxcdn.com. Di mana XXXX adalah nama yang Anda masukkan di bidang Nama Zona. Dalam contoh saya, itu akan menjadi wp-yyy.kxcdn.com karena saya telah memasukkan wp.
• Status Zona : Karena situs saya akan dapat diakses publik, saya akan menambahkan status sebagai Aktif.
• Zone Type : Ada dua jenis Zone, baik pull maupun push. Selain jenis Zona, Anda dapat melihat kotak centang Tampilkan Fitur Lanjutan. Perluas dan konfigurasikan – jika Anda cukup yakin dengan apa yang Anda lakukan! Jika tidak, biarkan sebagai default.
• URL Asal : Masukkan URL situs web yang ingin Anda hubungkan dengan Zona ini.

Setelah mengatur zona, Anda akan diarahkan ke tab Zona dan di sana Anda akan melihat Zona yang baru dibuat seperti gambar di bawah ini. Status Zona saya saat ini ditetapkan sebagai Deploying . Itu berarti sedang menyiapkan dan menautkan segala sesuatu antara Zona KeyCDN dan situs web.

Prosesnya mungkin memakan waktu beberapa menit. Setelah selesai, status akan berubah menjadi Aktif . Anda dapat membersihkan cache dengan masuk ke tombol Kelola seperti gambar di bawah ini.

Konfigurasikan KeyCDN dengan Breeze

Oke jadi, saya sudah menyiapkan KeyCDN, membuat Zona dan mendapatkan URL Zona.

Salin dan navigasikan ke tab CDN pada plugin cache Breeze WordPress dan tempel di bidang URL Root CDN .

Uji Situs

Pada titik ini, saya telah mengatur KeyCDN dengan benar dan menghubungkannya dengan Breeze. Mari kita periksa apakah CDN melayani situs web. Untuk ini kunjungi situs web Anda dan lihat sumber halaman dengan menekan CTRL+U (Chrome). Cari kxcdn , dan Anda dapat melihat bahwa CSS, JS, dan Gambar disajikan melalui KeyCDN.

Breeze tidak terbatas pada mereka, CDN berbasis aset apa pun dapat dengan mudah dikonfigurasi dengan Breeze. Anda hanya perlu mendapatkan URL CDN WordPress dan menempelkannya ke tab Breeze CDN. Itu dia!

Membungkus!

Kami melihat bagaimana kecepatan memainkan peran utama dalam konversi keseluruhan serta peringkat SEO situs Anda. Berinvestasi dalam CDN WordPress yang bagus bukanlah ide yang buruk. Pengguna Cloudways dapat dengan mudah mengintegrasikan CloudwaysCDN dari dasbor mereka dan mereka dikenakan biaya ekonomis $1 untuk 25GB per aplikasi. Biaya konsumsi tambahan hanya $0,04 per GB.