Akankah CDN Membuat Situs WordPress Saya Lebih Cepat? Hasil Eksperimen

Saatnya untuk percobaan. Saya suka WordPress , saya telah menggunakannya selama hampir 10 tahun sekarang, tetapi bukan tanpa masalah. Terutama, kecepatan . Siapa pun yang menggunakan WordPress pada shared hosting murah atau VPS kecil akan tahu bahwa memuatnya dengan cepat adalah sedikit mimpi buruk .

Saya telah menggunakan plugin caching dan CloudFlare dan memastikan saya menggunakan hosting yang layak , tetapi saya tetap ingin situs WordPress saya lebih cepat! Tentu, saya bisa pindah ke dedicated hosting, tapi mahal. Jadi saatnya untuk mencoba langkah selanjutnya: a CDN .

Saya menggunakan KeyCDN untuk percobaan ini.

Apa itu CDN?

CDN adalah Jaringan Pengiriman Konten . Itu melakukan apa yang Anda harapkan: memberikan konten (yaitu hal-hal di situs web Anda, misalnya gambar) dari jaringan di seluruh dunia.

Situs web Anda disimpan di satu server di mana pun penyedia hosting Anda berada, jadi jika orang ingin mengakses konten Anda dari lokasi lain (seperti di situs lain di dunia), akan ada penundaan waktu. Jika Anda menggunakan CDN, penyedia CDN akan mengirimkan bagian statis situs web Anda kepada pengunjung lebih cepat . Ini karena CDN menggunakan jaringan server di seluruh dunia , sehingga pengunjung Anda tidak pernah terlalu jauh. CDN juga akan mengurangi beban server (sangat membantu jika Anda memiliki shared hosting yang murah).

CDN dapat digunakan di situs web apa pun , termasuk situs WordPress.

Mengapa kecepatan situs penting?

Baik Anda menggunakan WordPress atau CMS lain (sistem manajemen konten), Anda pasti ingin memuatnya dengan cepat. Mengapa?

1. Orang ingin halaman dimuat dengan cepat

Situs web Anda adalah untuk orang-orang, dan orang-orang tidak akan membuang waktu mereka menunggu halaman Anda dimuat! Ini adalah bagian dari UX (pengalaman pengguna) dan UX yang baik akan membuat orang kembali ke situs web Anda berkali-kali. Rentang perhatian pendek secara online, dan Anda tidak ingin memberi orang alasan untuk muak dan menekan tombol kembali.

2. Kecepatan situs penting untuk SEO

Google mungkin menggunakan waktu pemuatan halaman sebagai faktor peringkat, dan ini bahkan lebih penting untuk indeks seluler (lihat di bawah). UX adalah bagian integral dari SEO hari ini, dan jika pengguna bangkit kembali ke SERP (halaman hasil mesin pencari) karena situs Anda lambat, itu akan merusak peringkat Anda.

3. Halaman harus dimuat dengan cepat agar mobile-friendly

SEO seluler dan UX seluler menjadi semakin penting, dan kecepatan memuat halaman adalah bagian besar darinya. Mengurangi beberapa milidetik dari waktu pemuatan halaman Anda akan memberi Anda keunggulan dalam hal mengalahkan pesaing dalam indeks mobile-first Google.

Eksperimen: apakah CDN akan membuat situs WordPress saya lebih cepat?

Kami tahu mengapa kami ingin situs WordPress kami menjadi lebih cepat, tetapi sekarang saatnya untuk benar-benar mewujudkannya. Alih-alih hanya berbicara tentang bagaimana itu bisa dilakukan, saya benar-benar akan melakukannya (atau setidaknya berusaha!).

Inilah yang akan saya lakukan:

1. Cantumkan konfigurasi situs web saat ini (hosting, plugin caching, dll)
2. Ukur kecepatan situs web saat ini (menggunakan Google Page Speed ​​dan Pingdom)
3. Instal CDN
4. Ukur kecepatan baru
5. Apakah itu layak?
Pengaturan Situs WordPress Saat Ini

Saya menjalankan tes ini di situs web ini, InternetFolks.com. Berikut adalah statistik yang perlu Anda ketahui tentang kinerjanya saat ini:

Tema WordPress: Genesis Framework dengan tema anak eleven40
Hosting: Saya menggunakan VPS terkelola termurah dari KnownHost dengan penyimpanan SSD (RAM 2.5GB) (sekitar $30/bulan)
Plugin Caching: Plugin Autoptimize (gratis) terpasang, yang menggabungkan CSS dan skrip lain sehingga situs Anda memuat lebih sedikit barang. Juga plugin WPSmushIT (juga gratis), yang memampatkan ukuran gambar.
Lebih Caching: Versi gratis dari CloudFlare, yang juga mengecilkan dan menggabungkan skrip dan bertindak sebagai CDN untuk file statis seperti gambar.

Jadi sepertinya saya melakukan sedikit hal yang tumpang tindih untuk meningkatkan kecepatan situs ini, jadi apakah ada ruang untuk perbaikan? Mari kita lakukan tes kecepatan "sebelum".

Tes Kecepatan Awal

Catatan singkat tentang menguji kecepatan situs web Anda: jangan hanya menguji beranda dan melanjutkan! Anda juga harus menguji format halaman lain (posting blog, halaman arahan, dll.) untuk melihat kinerjanya. Beranda Anda kemungkinan akan sangat berbeda dengan sebagian besar halaman di situs Anda, jadi jangan optimalkan kecepatan untuk halaman yang tidak representatif!

Dengan mengingat hal itu, saya akan menguji kecepatan 2 halaman: beranda dan posting blog bentuk panjang.

Saya menggunakan Tes Kecepatan Situs Web Pingdom. Ini adalah cara yang jauh lebih ketat untuk mengukur kecepatan situs web WordPress apa pun daripada Wawasan Kecepatan Halaman Google karena Anda benar-benar dapat melihat bagaimana sumber daya individu dimuat dan memeriksa apa yang memperlambat Anda. Ini juga termasuk skor Google (sebagai nilai A, B, C dll dan sebagai nilai 100).

Saya menggunakan New York sebagai lokasi pengujian, karena sebagian besar audiens saya berada di AS dan Eropa dan New York hampir di tengah.

Beranda dimuat dalam 3,88 detik (ukuran halaman 1.1MB), tidak apa-apa, tetapi posting blog dimuat dalam 5,8 detik (ukuran halaman 3.2MB), yang menyisakan banyak ruang untuk perbaikan untuk sedikitnya!

Menyiapkan CDN WordPress

Saya memutuskan untuk mencoba KeyCDN, terutama karena ia memiliki uji coba gratis 30 hari (jadi jika eksperimen ini tidak berhasil, saya tidak akan kehilangan apa pun), tetapi juga karena mereka mengenakan biaya berdasarkan PAYG (sekitar $0,04 per GB), jadi jika situs saya mengalami bulan yang lambat, saya tidak akan terkena tagihan berulang. Mereka memiliki minimum tahunan $49, yang masih jauh lebih sedikit daripada CDN lain yang dapat saya temukan (MaxCDN adalah yang termurah berikutnya, mulai dari $9/bulan).

Saya membuat akun percobaan dan setelah aktivasi email, ditampilkan dasbor ini:

Mereka memulai saya dengan kredit gratis $1, yang seharusnya lebih dari cukup untuk eksperimen ini.

[Catatan: jika Anda menggunakan tautan rujukan saya untuk mencoba KeyCDN, Anda akan mendapatkan kredit gratis $10]

Langkah selanjutnya adalah Menambahkan Zona di dasbor CDN . Saya membiarkan semua pengaturan sebagai default, kecuali untuk menambahkan dukungan SSL (bagian dari bagian "Fitur Lanjutan").

Butuh sekitar 5 menit untuk menyebarkan Zona CDN, lalu saya menambahkan URL Zona baru ke dalam plugin CDN Enabler dan siap beraksi!

Blog KeyCDN menyarankan plugin WordPress ringan yang disebut CDN Enabler, jadi saya menginstalnya. Anda cukup menambahkan URL CDN ke dasbor plugin dan langsung mulai berfungsi.

Jika Anda ingin petunjuk penyiapan yang lebih mendetail, posting awal KeyCDN sangat mudah diikuti.

Tes Kecepatan Baru

Saya menghabiskan sekitar 7 menit menginstal KeyCDN ke situs WordPress saya. Saya bahkan belum melihat pengaturan lanjutan apa pun, tetapi mari kita lihat apa yang terjadi jika saya menjalankan tes kecepatan Pingdom lainnya.

Um, beranda sekarang membutuhkan waktu 6,27 detik untuk memuat . Saya bosan menunggu tes kecepatan memuat posting blog…. lebih dari 14 detik !

Ada yang tidak beres: menambahkan CDN ke situs WordPress saya membuatnya LEBIH LAMBAT.

Saya menghapus KeyCDN sementara dengan menonaktifkan plugin CDN Enabler dan kecepatan situs saya kembali normal.

Mungkin CloudFlare dan plugin Autoptimize menyebabkan beberapa konflik? Saya menjeda keduanya dan mencoba lagi.

Itu lebih seperti itu!

Beranda dimuat dalam 1,31 detik (ukuran halaman naik menjadi 1,5MB), dan posting blog dalam 2,66 detik (ukuran halaman 3,4MB). Ini adalah peningkatan BESAR dalam kecepatan !

Saya senang CDN sederhana ini membuat situs WordPress saya jauh lebih cepat. Tunggu sebentar, saya belum mengaktifkan kembali KeyCDN. Dan CloudFlare dijeda. Dan saya tidak punya plugin caching… apa?!

Saya mengutak-atik sedikit, dan menemukan apa yang telah saya lakukan salah. Pertama, ketika saya menambahkan KeyCDN, saya melakukannya tanpa https:// terlebih dahulu. Ini ternyata sangat penting karena setelah saya memperbaikinya, semuanya berjalan dengan baik!

Jika Anda menggunakan plugin caching atau CloudFlare, Anda perlu menghapus atau membersihkan cache untuk menguji kecepatan situs secara akurat . Setelah saya melakukan ini, saya menyadari bahwa situs saya masih membutuhkan bantuan. Plus, Anda harus menguji di beberapa lokasi . Pingdom memungkinkan Anda menggunakan New York, California, Swedia, dan Melbourne; tanpa CDN saya mendapatkan kecepatan New York yang baik, tetapi buruk di tempat lain. Server saya terletak dekat dengan New York, jadi itu masuk akal. Tapi saya ingin situs saya cepat untuk semua pengunjung, jadi CDN dapat membantu dengan itu.

Mengelola CDN

Setelah saya mengaturnya (butuh 10 menit karena kesalahan awal saya!), dasbor KeyCDN sangat mudah digunakan . Ini akan menunjukkan kepada Anda statistik lalu lintas Anda dengan lokasi dan volume semua lalu lintas yang Anda dapatkan. Anda dapat melihat kredit Anda turun secara real-time (saya telah menghabiskan 1 sen sejauh ini!) dan isi ulang dengan lebih banyak kredit kapan pun Anda mau.

Sebenarnya tidak ada pekerjaan yang harus dilakukan, cukup masuk dan periksa sesekali untuk memastikan tidak ada kesalahan halaman. Ini cara yang cukup baik untuk menemukan kesalahan 404 dan masalah situs juga.

Pikiran Terakhir: Apakah CDN membuat WordPress lebih cepat?

Ya! Inilah tes kecepatan beranda yang saya jalankan tepat setelah menekan publikasikan pada posting ini:

Dengan menginstal KeyCDN, saya juga mengurangi separuh waktu buka posting blog saya (sekarang 2,75 detik, bukan 5,8 detik!). Selain itu, saya juga dapat menghapus CloudFlare dan plugin caching dari instalasi WordPress saya.

Saya sangat senang dengan betapa mudahnya menginstal KeyCDN (bahkan setelah kesalahan awal saya!) dan saya memperkirakan biayanya hanya sekitar $5/bulan berdasarkan penggunaan saya saat ini. Tawar-menawar yang lengkap untuk kecepatan ini; pindah ke paket hosting khusus akan membuat saya jauh lebih mahal.

Saya akan membiarkannya berjalan selama beberapa minggu ke depan dan memantau waktu pemuatan situs, peringkat SEO, dan metrik pengguna untuk melacak dampaknya. Saya akan segera melaporkan kembali.

MEMPERBARUI:

Sudah 1 minggu sejak saya mulai menggunakan KeyCDN. Saya merasa situs saya memuat lebih cepat, tetapi harus melakukan tes kecepatan yang tepat untuk memastikan:

Ya, itu masih berfungsi! Beranda (sekarang 1,3 MB) dimuat dalam 1,72 detik .

Dan posting blog yang sangat panjang (3.6MB) dimuat dalam 3,32 detik . Saya perhatikan bahwa jumlah permintaan juga turun. Total biaya KeyCDN untuk minggu ini adalah 9 sen . Tidak buruk.

Namun, saya melihat log server saya dan memperhatikan bahwa penggunaan bandwidth telah meningkat lebih dari 50% sejak saya menjeda CloudFlare (saya menjedanya pada tanggal 12):

Itu tidak baik. Seperti yang saya sebutkan, saya hanya menggunakan VPS murah untuk hosting jadi saya ingin menjaga penggunaan bandwidth serendah mungkin. Dan jika saya menggunakan shared hosting murah, itu penting.

Eksperimen lain, saya sekarang menggunakan CloudFlare sebagai CDN saya lagi, tanpa KeyCDN karena mereka tidak bermain bersama dengan baik. Saya akan memantau bandwidth server dan kecepatan situs dan segera melaporkan kembali!