Cara Mempercepat Situs WordPress Anda

Diterbitkan: 2019-11-21

Daftar isi

Tidak hanya memiliki situs web yang cepat penting untuk SEO, tetapi juga sangat penting untuk tingkat konversi situs web Anda.

Jika seseorang mengunjungi situs Anda dan terlalu lambat, kemungkinan besar mereka akan pergi dan mengunjungi situs berikutnya.

Itulah mengapa memiliki situs web WordPress yang cepat sangat penting untuk situs web yang sukses. Jika situs web WordPress Anda membutuhkan waktu 6 detik atau lebih lama untuk dimuat daripada yang perlu Anda baca sekarang.

Dalam panduan ini, kami akan menunjukkan kepada Anda cara mempercepat situs WordPress Anda dan menurunkan rasio pentalan Anda, memungkinkan Anda mendapatkan lebih banyak lalu lintas dan konversi.

Mengapa Memiliki Situs Web yang Cepat Itu Penting

Ada banyak alasan mengapa Anda ingin situs web Anda menjadi sangat cepat.

Salah satu alasan terpenting adalah memiliki situs web yang lambat menurunkan konversi Anda di situs web Anda. Apakah Anda menjual produk, layanan, atau Anda seorang blog, jika situs web Anda lambat, orang akan pergi.

Menurut Tyton Media:

“40% orang keluar dari situs web jika dimuat lebih dari 3 detik.”

Itu berarti bahwa situs web Anda harus dimuat setidaknya dalam 4 detik atau Anda akan kehilangan lebih dari setengah pengunjung Anda!

https://wpseoexperts.com/yoast-seo-tutorial-for-beginners/

Alasan lain yang sangat penting adalah SEO (optimasi mesin pencari).

Untuk mendapatkan peringkat tinggi di Google dan mendapatkan banyak lalu lintas organik dari Google Penelusuran, Anda harus memiliki situs web yang sangat cepat.

Google melihat kegunaan situs web dan pengalaman pengguna sebagai sinyal peringkat mesin pencari jadi jika Anda tidak melihat lalu lintas organik yang bagus, ini bisa jadi alasannya.

Jadi, sangat penting Anda menerapkan strategi ini untuk meningkatkan kecepatan situs WordPress Anda.

ANALISIS SEO WORDPRESS GRATIS

Ingin lebih banyak lalu lintas ke situs WordPress Anda? Ambil Analisis SEO WordPress gratis kami dan lihat bagaimana Anda dapat meningkatkan lalu lintas Anda untuk mendapatkan lebih banyak penjualan online.

Periksa Kecepatan Situs Web Anda

Sebelum melakukan apa pun, Anda harus terlebih dahulu memeriksa kecepatan situs web Anda saat ini sehingga Anda memiliki patokan.

Ada banyak alat hebat di luar sana yang memungkinkan Anda menguji kecepatan situs web Anda. Google Search Console bahkan memiliki area baru yang dapat memberi Anda wawasan tentang kecepatan situs web Anda.

Berikut adalah daftar alat terbaik untuk memeriksa kecepatan situs web Anda:

  • Pingdom
  • GTMetrix
  • Google Search Console
  • Wawasan Kecepatan Halaman Google

Jadi bagaimana Anda menjalankan tes kecepatan di situs WordPress Anda?

Berikut adalah contoh cara menguji kecepatan situs web Anda dengan Pingdom.

Cukup masukkan URL situs WordPress Anda, pilih lokasi yang paling dekat dengan lokasi Anda dan klik mulai tes.

pingdom speed test

Ini akan berjalan melalui situs Anda dan memberi Anda rincian setiap sumber daya yang dimuat, berapa lama waktu yang dibutuhkan dan bagaimana meningkatkan kecepatan Anda.

pingdom speed test results

Kecepatan situs web ideal Anda harus di bawah 5 detik tetapi jika Anda bisa mencapai 2-4 detik, Anda akan berada di sisi yang aman. Setiap kelambatan situs WordPress Anda dapat menyebabkan rasio pentalan tinggi, jadi pastikan itu cepat.

Jika situs web Anda tidak akan lebih cepat dari yang Anda mungkin harus melihat penyedia hosting Anda.

Dapatkan Hosting Cepat

Sebagian besar webmaster baru hanya memilih opsi hosting termurah tetapi ini sebenarnya dapat sangat merugikan Anda dalam jangka panjang.

Pernahkah Anda menemukan situs web yang lambat di halaman pertama Google? Jawabannya adalah tidak!

Google memberi peringkat situs web dengan baik yang memberikan pengalaman pengguna yang baik dan memuat dengan cepat untuk pencari.

Situs hosting murah akan menempatkan situs web Anda di server bersama dengan ratusan atau bahkan ribuan situs web lain, semuanya memperebutkan sumber daya. Ini dapat menyebabkan pemuatan lambat untuk semua situs di server bersama.

Jadi situs hosting mana yang terbaik untuk WordPress?

Dari panduan Hosting WordPress kami, berikut adalah platform hosting tercepat dan terjangkau untuk WordPress:

Tuan rumah Harga Waktu aktif Peringkat
Bluehost $7,95 99,9% DAFTAR
mesin WP $29.00 99,9% DAFTAR
Tuan rumah $9,95 99,9% DAFTAR
Situs $9,99 99,9% DAFTAR
Hosting A2 $9,99 99,83% DAFTAR
GreenGeeks $9,95 99,9% DAFTAR
Dreamhost $4,95 99,98% DAFTAR
Bergerak $7,99 99,9% DAFTAR
Situs5 $8,95 99,9% DAFTAR

Salah satu dari penyedia hosting ini akan memungkinkan Anda untuk memiliki situs web yang memuat cepat yang dapat tumbuh bersama bisnis Anda.

Aturan umumnya adalah semakin banyak Anda membayar, semakin banyak kecepatan yang akan Anda dapatkan jadi jangan berhemat pada hosting WordPress!

Kurangi Plugin

Semakin banyak plugin yang diinstal di situs WordPress Anda, semakin lambat hasilnya.

Setiap plugin memiliki dependensinya sendiri, javascript, dan sumber daya lain yang membutuhkan waktu untuk dimuat. Itulah mengapa memasang plugin dalam jumlah minimal di situs Anda sangat penting untuk memiliki situs web WordPress yang cepat.

Sebagian besar plugin dapat dengan mudah diinstal atau diatur di situs WordPress Anda tanpa perlu menginstal Plugin.

Jika Anda mencari situs web yang paling efisien dan tercepat, mintalah pengembang WordPress menyiapkan fungsionalitas yang Anda butuhkan tanpa menggunakan plugin sehingga tidak mengganggu kecepatan situs Anda.

Untuk menghapus plugin yang tidak diinginkan dari situs Anda, cukup buka halaman plugin Anda, klik Nonaktifkan lalu Hapus.

uninstall and delete wordpress plugin

Hapus semua plugin yang tidak Anda butuhkan atau gunakan lagi.

Pastikan untuk menguji kecepatan situs Anda sebelum dan sesudahnya sehingga Anda dapat membandingkan perbedaannya. Anda akan terkejut betapa menghapus beberapa plugin besar dapat meningkatkan kecepatan situs WordPress Anda!

Optimalkan Gambar

Salah satu penyebab terbesar halaman pemuatan lambat adalah gambar yang besar dan tidak dioptimalkan.

Memiliki terlalu banyak gambar besar di halaman Anda dapat meningkatkan waktu pemuatan Anda hingga 2-3 detik atau lebih.

Saat Anda menambahkan gambar besar ke situs web Anda, biasanya gambar tersebut akan menyusut agar sesuai dengan layar pengguna, yang mengakibatkan pemuatan gambar menjadi lambat yang tetap dikurangi!

Anda dapat menggunakan plugin seperti WP Smush untuk mengurangi ukuran gambar situs web Anda, meningkatkan waktu pemuatan Anda.

smush image compression wordpress

Instal dan Aktifkan plugin dan menuju ke halaman pengaturan. Anda dapat menemukannya dengan melihat di bilah sisi kiri untuk tab 'Smush'.

Ini akan membawa Anda melalui wizard pengaturan sederhana yaitu sekitar 5 langkah. Cukup aktifkan semua fitur pada setiap langkah wizard dan kemudian klik finish setup wizard.

finish setup smush image plugin

Setelah selesai, Anda akan dibawa ke halaman dasbor di mana Anda dapat mulai menghancurkan gambar Anda. Klik tombol 'Bulk Smash Now' untuk mulai menghancurkan gambar Anda.

bulk smash running

Ini akan berjalan untuk sementara waktu tergantung pada berapa banyak gambar yang Anda miliki dapat memakan waktu hingga 30 menit. Saat dijalankan, Anda dapat melihat berapa banyak ruang yang dihemat setelah mengompresi semua gambar Anda.

bulk smash savings

Jika Anda menginginkan lebih banyak penghematan, atau Anda perlu menghancurkan lebih dari 50 gambar dengan 1 klik, Anda perlu meningkatkan ke versi Pro. Tapi hanya menghancurkan 50 gambar sekaligus sudah cukup untuk saya!

Sekarang gambar Anda dikompresi, Anda harus menghentikan orang menggunakan gambar Anda dan menguras sumber daya Anda.

Nonaktifkan Tautan Panas

Saat Anda membuat gambar khusus dan mengunggahnya secara online, ada kemungkinan orang lain akan menemukan gambar Anda dan menggunakannya di situs mereka. Ada juga situs web yang secara otomatis mengindeks gambar dan menyimpannya di situs mereka.

Ini disebut hotlinking dan akan menyebabkan beban di server Anda, mengurangi waktu buka situs web Anda sendiri.

Untuk mencegah orang menghubungkan gambar Anda dengan hotlink, Anda perlu menambahkan sepotong kecil kode ke file .htaccess Anda menggunakan FTP atau pengelola file cPanel.

Berikut adalah kode untuk menonaktifkan hotlinking di situs Anda:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?: //(www\.)?wpseoexperts.com [NC]
Tulis RewriteCond %{HTTP_REFERER} !^http(s)?: //(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Cukup tempel di file .htaccess Anda dan Anda sudah siap.

Catatan: Pastikan untuk mengubah wpseoexperts.com menjadi nama domain Anda sendiri.

Instal Caching

Cache adalah cara hebat lainnya untuk mengurangi waktu buka situs WordPress Anda.

Caching terdengar rumit tetapi sebenarnya cukup sederhana. Dengan caching, versi HTML sederhana dari halaman Anda dibuat ketika seseorang mengunjungi halaman tertentu. Ketika orang lain mengunjungi halaman itu

Ini mengurangi waktu muat karena halaman tidak harus memanggil database dan sumber daya lain yang dapat meningkatkan waktu muat.

Menyiapkan caching tidak sesulit kedengarannya. Pertama, Anda perlu menginstal plugin bernama W3 Total Cache.

w3 total cache wordpress

Instal dan aktifkan plugin dan Anda akan melihat tab baru di sidebar kiri area admin WordPress Anda yang disebut 'Kinerja'.

Klik tautan Pengaturan Umum dan kami akan mengaktifkan beberapa fitur caching untuk meningkatkan kecepatan situs web.

w3 total cache settings

Pertama, Anda ingin mengaktifkan Page Cache .

w3 total cache page cache

Untuk Metode Cache Halaman, Anda harus memilih 'Disk: Enhanced' atau salah satu opsi Opcode jika Anda mengaktifkannya di server Anda. Untuk mengaktifkan ini, Anda perlu menghubungi penyedia hosting Anda, tetapi Anda akan melihat peningkatan kecepatan yang signifikan hanya dengan Disk: Enhanced.

Sekarang Anda juga ingin mengaktifkan Cache Browser .

w3 total cache browser cache

Ini akan mengaktifkan kompresi HTTP dan header kedaluwarsa yang akan mengurangi ukuran halaman, membuatnya memuat lebih cepat.

Kami dapat mengurangi ukurannya lebih banyak lagi dengan mengaktifkan minifikasi.

Perkecil Kode Anda

Selanjutnya, kita akan mengecilkan HTML, CSS, dan JS.

Apa itu minifikasi?

Ini pada dasarnya persis seperti apa kedengarannya. Ketika Anda mengecilkan kode, itu akan menggabungkan semua kode Anda, menghapus spasi atau redundansi lainnya dan memasukkan semuanya ke dalam file kecil yang bagus.

Ini akan mengurangi ukuran file sehingga waktu muat lebih cepat.

Di bagian selanjutnya dari W3 Total Cache, Anda akan menemukan kotak Minify.

Sekarang, Anda perlu mengaktifkan Minify .

w3 total cache minify settings

Semua pengaturan default baik-baik saja dan Anda akan melihat bahwa popup muncul yang akan memperingatkan Anda bahwa ini dapat mengacaukan desain situs Anda, jadi pastikan untuk memeriksanya setelah Anda mengklik 'Simpan Pengaturan & Bersihkan Cache'.

Ini akan menghapus cache lama sehingga Anda disajikan halaman baru yang up to date. Jika situs Anda terlihat normal, maka Anda siap melakukannya dan semua kode Anda harus diperkecil.

Anda dapat memeriksa dengan mengklik kanan pada halaman web Anda dan mengklik lihat sumber. Ini akan menunjukkan kepada Anda kode sumber situs web WordPress Anda. harus

Siapkan CDN

CDN adalah singkatan dari jaringan pengiriman konten.

Ini pada dasarnya adalah server yang menghosting media Anda seperti gambar, CSS, JS, dan unggahan gratis di server Anda sendiri, meningkatkan kinerja.

Ada beberapa CDN yang sangat bagus yang dapat Anda gunakan untuk meningkatkan kecepatan situs web Anda. Berikut adalah beberapa yang terbaik untuk WordPress:

  • Cloudflare
  • Amazon CloudFront
  • StackPath

Untuk mengatur CDN Anda, Anda cukup menggunakan W3 Total Cache yang kami gunakan sebelumnya untuk men-cache situs.

Buka tab Pengaturan Umum dan buka bagian CDN di bagian bawah. Anda akan menemukan dropdown yang memungkinkan Anda memilih semua CDN paling populer (termasuk yang di atas) yang dapat Anda integrasikan langsung ke W3 Total Cache.

Klik aktifkan CDN .

w3total cache cdn settings

Kemudian, pilih CDN yang Anda putuskan untuk digunakan. Saya akan menunjukkan cara mengatur hal-hal di sisi CDN menggunakan StackPath.

Cukup buka StackPath.com dan buat akun. Sekarang Anda akan dibawa melalui wizard pengaturan sederhana untuk membuat CDN Anda online dan terhubung ke situs Anda.

Pada langkah pertama, pilih Layanan Website & Aplikasi.

stackpath cdn

Pada langkah 2, pilih opsi CDN.

choose cdn stackpath

Langkah 3 akan meminta Anda untuk memasukkan URL situs WordPress tempat Anda menginstal CDN.

choose a site stackpath

Jangan khawatir tentang peningkatan apa pun untuk saat ini. Cukup dengan menginstal CDN dasar akan memberi kita peningkatan kecepatan yang begitu besar. Langkah selanjutnya akan meminta Anda untuk mengkonfirmasi nama host/alamat IP. Anda tidak perlu mengubah apa pun di sini, jadi klik 'lanjutkan'.

stackpath origin

Sekarang StackPath akan mengembalikan Alamat Edge baru Anda. Ini adalah domain root tempat semua file yang dihosting CDN Anda akan berada. Klik lanjutkan untuk menyelesaikan proses penyiapan CDN.

stackapth edge address

Selanjutnya, kita perlu membuat beberapa kredensial API yang dapat kita masukkan ke WordPress untuk menghubungkan layanan ini ke situs WordPress kita. Klik profil Anda di pojok kanan atas dan pilih 'Manajemen API'.

Klik tombol buat kredensial untuk membuat kunci dan rahasia API baru.

generate api creds stackpath

Ini akan menghasilkan ID Klien dan Rahasia Klien API yang harus Anda masukkan di W3 Total Cache di WordPress.

api credentials stackpath

Jadi kembali ke area admin WordPress dan kembali ke pengaturan W3 Total Cache di konfigurasi CDN.

Klik tombol Otorisasi dan itu akan memungkinkan Anda untuk menempelkan ID Klien dan Rahasia Klien API yang kami buat di StackPath.

config cdn options w3 total

Klik Berikutnya dan Anda sekarang telah menyiapkan CDN di situs WordPress Anda.

wordpress cdn api creds

Untuk memeriksa apakah sudah diatur, Anda dapat mengklik tombol Test StackPath di W3 Total Cache atau Anda dapat melihat sumber halaman situs web Anda dan mencari gambar atau sumber daya eksternal.

cdn installed stackpath

Anda akan melihat bahwa URL ke Alamat Edge Anda di StackPath. Ini berarti CDN telah diinstal dan diatur dengan benar!

Tambahkan Pemuatan Malas ke Gambar

Menyiapkan Lazy loading untuk gambar Anda dapat membantu mengurangi waktu buka halaman Anda di situs WordPress Anda.

Lazy loading adalah praktik yang berkembang yang menunda inisialisasi objek hingga diperlukan di layar.

Biasanya, ketika halaman web dimuat, itu memuat seluruh halaman web dan kemudian menyajikannya kepada Anda. Dengan pemuatan lambat, itu hanya memuat bagian layar yang dapat Anda lihat, dan kemudian menunggu untuk memuat elemen lain sampai Anda menggulirnya.

Dengan WordPress, menyiapkan lazy loading sangat sederhana.

Pertama, Unduh plugin Lazy Load oleh WP Rocket.

lazy load by wp rocket plugin

Pengaturan Lazy Load terletak di Settings->Lazy Load di area admin WordPress Anda. Cukup buka halaman pengaturan dan kemudian pilih item mana yang ingin Anda muat dengan lambat. Saya akan menyarankan untuk memeriksa semua kotak untuk malas memuat semuanya.

lazy load settings

Dan itu saja! Situs web WordPress Anda sekarang memiliki pemuatan lambat yang diinstal dan Anda akan melihat peningkatan kecepatan situs yang bagus.

Batasi Revisi Posting

Secara default, WordPress menyimpan posting dan halaman setiap kali Anda menyimpannya sehingga Anda dapat kembali dan mengembalikan perubahan apa pun jika Anda mengacaukan sesuatu.

Ini adalah fitur yang hebat, tetapi jika Anda membuat banyak perubahan, itu dapat membuat database yang besar.

Saya dapat membuat hingga 100 revisi pada posting blog sehingga Anda dapat membayangkan bagaimana hal itu bisa lepas kendali.

Untungnya, kami dapat membatasi jumlah revisi yang akan disimpan WordPress.

Yang harus Anda lakukan adalah mengedit file wp-config.php Anda dan menambahkan 1 baris kode sederhana. Gunakan pengelola file cPanel atau FTP untuk mengedit file wp-config.php Anda dan tambahkan kode berikut:

define ( 'WP_POST_REVISIONS' , 3 ) ;

Ubah nomor menjadi berapa banyak revisi posting/halaman yang ingin Anda simpan maksimal. Berikut adalah contoh implementasi ini di file wp-config.php kami:

wordpress wp config post revisions

Dan itu saja! Sekarang, WordPress hanya akan menyimpan 3 revisi posting/halaman dan ini akan membebaskan banyak ruang di database Anda.

Menyelesaikan

Sekarang setelah Anda melakukan semua pengoptimalan yang diperlukan dari atas, saatnya untuk melakukan tes akhir dan melihat seberapa besar peningkatan kecepatan yang kami dapatkan.

Kami menjalankan wpseoexperts.com melalui alat kecepatan Pingdom dan mendapatkan waktu buka 1,52 detik!

pingdom speed after optimization

Jadi Anda dapat melihat secara langsung bahwa melakukan metode ini dapat meningkatkan kecepatan Anda hingga 100% atau lebih!