Cara Meningkatkan Kecepatan dan Kinerja WordPress

Diterbitkan: 2021-10-22

Kecepatan adalah segalanya. Audiens web memiliki rentang perhatian yang sangat pendek dan Google menggunakan kecepatan pemuatan halaman Anda sebagai bagian dari perhitungan SEO-nya.

Dua alasan kuat untuk melakukan semua yang Anda bisa untuk memastikan situs WordPress Anda dimuat secepat mungkin!

WordPress cukup cepat di luar kotak. Hanya ketika Anda mulai menambahkan tema, plugin, gambar, video, dan semua konten menarik ke situs Anda, kecepatannya mulai melambat.

Ada cara untuk memiliki kue Anda dan memakannya.

Cara untuk memiliki media yang kaya di situs web Anda, menggunakan tema yang indah dan menambahkan banyak fitur keren dengan plugin. Semua sambil menjaga waktu pemuatan halaman tetap singkat.

Halaman ini akan menunjukkan kepada Anda seperti itu.

Bagaimana mengukur kecepatan memuat halaman

Sebelum kita masuk ke mempercepat WordPress, kami pikir itu ide yang baik untuk menjalankan tes kecepatan.

Jika Anda menjalankan satu sekarang dan mencatat temuan dan yang lain setelah Anda menyelesaikan langkah-langkah dalam artikel ini, Anda memiliki bukti terukur bahwa situs web Anda lebih cepat.

Sebaiknya gunakan dua alat untuk menilai kecepatan pemuatan halaman, Pagespeed Insights dari Google dan GTMetrix .

Kami akan menggunakan GTMetrix untuk contoh ini.

  1. Kunjungi situs web GTMEtrix dan masukkan URL situs web Anda di dalam kotak
  2. Pilih tombol biru Uji situs Anda dan tunggu hingga pengujian selesai

Ketika tes selesai, Anda akan melihat hasil seperti pada gambar di atas. Ini akan memberi Anda nilai dari A sampai G dan persentase kinerja.

Semakin tinggi hasil ini, semakin cepat halaman Anda.

Ada beberapa metrik berguna yang dapat Anda lihat dalam hasil ini, tetapi kami tidak akan membahasnya di sini karena itu adalah keseluruhan entri blog itu sendiri !

Cukuplah untuk mengatakan, kami ingin mendapatkan dari apa pun yang dikatakan laporan Anda sekarang ke Grade A dan minimal 95% untuk Performa. Jika kita bisa mendapatkan Struktur lebih dari 90% juga, itu lebih baik!

Cara mempercepat WordPress

Mempercepat WordPress adalah sebuah proses. Berikut ini mencakup serangkaian langkah individual yang dapat Anda ambil untuk meningkatkan waktu kecepatan pemuatan halaman. Mereka bekerja secara terpisah tetapi semuanya bergabung untuk membuat situs web yang lebih cepat secara keseluruhan.

Tidak semua langkah akan relevan bagi Anda, jadi jangan khawatir untuk melewatkannya jika perlu.

Selama Anda mengikuti beberapa langkah, Anda masih akan meningkatkan kecepatan situs WordPress Anda!

Sebuah kata peringatan : Meskipun sebagian besar metode ini bekerja dengan baik, setiap situs web berbeda.

Jika Anda menjalankan toko e-niaga atau situs web yang sangat sibuk, Anda dapat mengambil manfaat dari menguji perubahan apa pun di situs pementasan sebelumnya.

Dengan begitu, jika terjadi kesalahan, Anda dapat mengembalikan perubahan tanpa memengaruhi pengunjung.

Gunakan host web yang cepat

Tip pertama yang akan kami bagikan adalah menggunakan host web berkualitas baik.

Hosting web bersama murah dan cara ideal untuk memulai situs web, tetapi bukan yang tercepat. Anda berbagi server web itu dengan ratusan, mungkin ribuan situs web lain, yang berdampak pada kinerja.

Meningkatkan ke hosting khusus, hosting WordPress, VPS, atau bahkan hosting awan khusus dapat membuat perbedaan besar pada kinerja situs web Anda.

Biayanya lebih mahal, tetapi itu sepadan setelah Anda membangun pengikut!

Jika laporan GTMetrix Anda menunjukkan skor rendah, periksa tab Performa untuk:

  • First contentful paint – Seberapa cepat browser Anda menerima informasi yang dibutuhkan untuk membuat piksel pertama halaman. Lebih cepat lebih baik.
  • Indeks kecepatan – Seberapa cepat halaman menjadi terlihat di browser pengunjung. Lebih cepat lebih baik.
  • Cat konten terbesar – Seberapa cepat browser memuat aset terbesar pada halaman (biasanya gambar). Lebih cepat lebih baik.

Ini semua adalah tanda Anda mungkin membutuhkan web host yang lebih cepat!

Tetap perbarui WordPress

WordPress terus dikembangkan dan ditingkatkan. Beberapa dari peningkatan tersebut akan mencakup perbaikan bug, pembaruan keamanan, dan penyempurnaan kode. Semua bisa mempercepat situs WordPress Anda.

Plus, memperbarui WordPress adalah praktik yang baik!

Berikut cara melakukannya.

  1. Masuk ke WordPress pilih Dashboard dari menu sebelah kiri
  2. Pilih Pembaruan
  3. Perbarui WordPress jika memberi tahu Anda tentang pembaruan yang tersedia
  4. Perbarui plugin apa pun jika Anda melihat ada yang membutuhkannya

Sebagian besar pembaruan WordPress dan plugin berfungsi dengan baik. Namun, jika Anda menjalankan situs web atau toko yang sangat populer, Anda mungkin ingin melakukan pembaruan di situs pementasan sebelum ditayangkan, untuk berjaga-jaga.

Gunakan tema WordPress yang dioptimalkan

Tema WordPress Anda membuat situs web Anda terlihat luar biasa tetapi dapat berimplikasi pada waktu buka halaman. Jika Anda menggunakan tema inferior atau yang tidak dioptimalkan, itu dapat memperlambat pemuatan secara signifikan.

Tema Stylemix semuanya dioptimalkan untuk kecepatan.

Tidak hanya terlihat luar biasa dan mencakup semua interaktivitas yang Anda butuhkan, mereka juga dirancang untuk memuat dengan cepat dan membutuhkan sumber daya minimal!

Gunakan plugin caching WordPress

WordPress membuat halaman secara dinamis setiap kali pengunjung membuka halaman itu. Ini memerlukan beberapa pemrosesan dan panggilan basis data untuk mengumpulkan semua informasi untuk disajikan ke browser pengguna.

Semua itu membutuhkan waktu.

Plugin caching WordPress mengambil salinan halaman yang sudah jadi dan menyimpannya di memori. Lain kali pengunjung mendarat di halaman, daripada membangunnya dari awal, plugin mengirimkan salinan ke browser pengunjung, mempercepat seluruh proses.

Plugin caching dapat secara signifikan mempercepat waktu pemuatan halaman.

Plugin caching WordPress meliputi:

  • WP Super Cache
  • WP Roket
  • Cache LiteSpeed
  • Cache Total W3
  • WP Cache Tercepat
  • Hyper Cache

Ada banyak plugin cache WordPress, baca ulasan dan lihat mana yang paling Anda sukai.

Optimalkan gambar Anda

Situs web membutuhkan gambar untuk menjaga hal-hal tetap menarik, menonjolkan barang dan jasa, dan membantu mengonversi pengunjung. Tetapi gambar yang tidak dioptimalkan adalah file besar yang dapat memperlambat pemuatan halaman.

Gambar yang dioptimalkan adalah jawabannya.

Jika Anda melihat waktu 'Cat puas terbesar' yang lama pada laporan GTMetrix Anda, Anda perlu mengoptimalkan gambar Anda. Meskipun elemen terbesar bisa berupa apa saja, biasanya berupa gambar.

Optimalisasi gambar adalah proses membuat ukuran file lebih kecil tanpa memengaruhi kualitas gambar atau pengalaman pengguna. Mungkin terdengar teknis tetapi ada plugin khusus yang dapat membantu.

Kami merekomendasikan untuk mengoptimalkan gambar Anda sebelum mengunggah ke WordPress dan kemudian mengoptimalkannya lebih lanjut dengan sebuah plugin.

Anda dapat menggunakan program seperti Mass Image Compressor di komputer Anda untuk mengecilkan file sebanyak mungkin. Cukup potong gambar ke ukuran yang benar dan jalankan kompresi.

Kemudian, setelah diunggah ke WordPress, gunakan plugin seperti Smush untuk mengoptimalkannya lebih lanjut.

Pada akhirnya, Anda harus mengoptimalkan gambar Anda menjadi sekecil mungkin tanpa mengurangi kualitas atau pengalaman pengguna.

Gunakan Jaringan Pengiriman Konten (CDN)

Jaringan Pengiriman Konten adalah cara terbaik untuk mempercepat waktu pemuatan halaman di WordPress, tetapi dapat menghabiskan biaya.

CDN mengambil salinan situs web Anda dan semua filenya dan mendistribusikannya ke server CDN di seluruh dunia. Idenya adalah agar server yang paling dekat dengan pengunjung menyediakan halaman yang diminta, yang bekerja lebih cepat.

Misalnya, jika host web Anda berada di Jerman dan pengunjung Anda berasal dari Singapura, akan ada penundaan pemuatan halaman karena waktu transmisi.

Namun, jika Anda menggunakan CDN dengan server di Singapura, server tersebut akan mengirimkan halaman ke pengguna, yang akan jauh lebih cepat.

Jaringan Pengiriman Konten meliputi:

  • Cloudflare
  • Dengan cepat
  • KeyCDN
  • StackPath
  • Akamai

Jangan menghosting audio atau video di situs web Anda

Media kaya adalah unsur penting dalam keterlibatan dan setiap situs web harus menggunakannya sedapat mungkin.

Namun, meskipun Anda harus menampilkan audio dan video di halaman Anda, Anda tidak harus menghostingnya sendiri.

Anda dapat mengunggah audio dan video langsung ke WordPress tetapi itu akan menghabiskan ruang penyimpanan dan bandwidth Anda. Jika Anda menggunakan dedicated server, ini tidak selalu menjadi masalah, tetapi jika Anda menggunakan shared hosting, itu bisa menjadi masalah.

Anda lebih baik menggunakan layanan seperti YouTube , Vimeo , SoundCloud , dan lainnya untuk benar-benar meng-host video dan menyematkannya ke halaman Anda.

Dengan begitu, Anda dapat menggunakan media kaya tetapi tidak perlu khawatir akan memperlambat situs web Anda!

Pilih plugin Anda dengan hati-hati

Plugin WordPress menambahkan fitur penting ke situs web dan kita semua menggunakan setidaknya beberapa. Tapi, seperti apa pun, kualitas lebih baik daripada kuantitas.

Itu tidak berarti hanya membeli plugin premium karena lebih baik, karena tidak selalu lebih cepat.

Itu berarti memilih plugin Anda dengan hati-hati, membaca ulasan dan memeriksa keluhan bahwa plugin memperlambat situs web.

Anda juga dapat mengujinya di situs web pementasan Anda sebelum mengunggahnya secara langsung, hanya untuk memastikan.

Perkecil CSS, HTML, dan JavaScript

Minifying adalah istilah yang digunakan untuk menggambarkan penghapusan data yang tidak perlu dari file untuk membuatnya lebih kecil dan lebih efisien.

Itu dapat mencakup jeda halaman, kode tema yang tidak perlu, kode untuk memanggil elemen yang tidak digunakan dalam tema WordPress, dan sampah tidak berguna lainnya.

Beberapa plugin caching mengecilkan CSS, HTML, dan JavaScript sebagai bagian dari fitur tetapi ada juga plugin di luar sana yang dapat melakukan hal yang sama.

Autoptimize adalah opsi yang sangat populer untuk mengecilkan karena gratis dan sangat efektif.

Jika Anda tidak ingin menggunakan plugin, Anda dapat menggunakan alat online untuk mengoptimalkan dan mengecilkan. Beberapa opsi termasuk CSS Minifier , JavaScript Minifier dan Closure Compiler milik Google sendiri .

Hapus JavaScript dan CSS yang memblokir perenderan

JavaScript dan CSS yang memblokir perenderan adalah kode yang menghentikan halaman agar terlihat oleh pengguna.

Anda dapat melihat JavaScript dan CSS yang memblokir perenderan di tab Waterfall pada laporan GTMetrix Anda. Ini mencantumkan apa pun yang memperlambat urutan pemuatan, termasuk kode ini.

Saat browser memuat halaman, browser perlu memproses JavaScript dan CSS sebelum halaman itu sendiri terlihat.

Semakin banyak kode yang Anda miliki, semakin lama penundaan dalam merender halaman.

Kabar baiknya adalah, jika Anda menginstal Autoptimize untuk mengecilkan file Anda, plugin juga dapat menghapus file yang memblokir render.

WP Rocket dan beberapa plugin caching lainnya juga memiliki opsi untuk menghapus JavaScript dan CSS yang memblokir render.

Manfaatkan cache browser

Jika Anda pernah menggunakan GTMetrix atau Pagespeed Insights sebelumnya, Anda akan melihat pesan 'Leverage browser caching'.

Sejak itu telah diganti dengan 'Melayani aset statis dengan kebijakan cache yang efisien' tetapi pada dasarnya adalah hal yang sama.

Cache browser adalah metode menyimpan salinan halaman web Anda di browser pengunjung. Jadi, jika mereka mengunjungi lagi, browser akan segera memuat salinannya sendiri, yang meningkatkan pengalaman pengguna.

Hal ini dilakukan dengan menambahkan Cache-Control Header dan ETag Header ke browser pengunjung.

Cache-Control Header memberi tahu browser berapa lama untuk menyimpan salinan dan ETag memeriksa setiap perubahan sejak salinan itu diambil.

Untuk memanfaatkan caching browser, Anda harus memodifikasi file .htaccess atau menggunakan plugin caching.

Sebelum melanjutkan, masuk akal untuk memeriksa apakah plugin caching yang Anda instal sebelumnya menetapkan Header Kontrol Cache dan Header ETag. WP Rocket melakukannya, plugin lain mungkin melakukan hal yang sama.

File .htaccess digunakan di Apache untuk mengontrol siapa yang dapat mengakses situs web Anda dan memberikan beberapa aturan dasar untuk URL dan akses direktori.

Jika host Anda menggunakan NGINX , Anda tidak akan memiliki file .htaccess. Karena sebagian besar web host tampaknya menggunakan Apache, kami akan melanjutkannya.

Anda akan menemukan file .htaccess di folder root host web Anda. Ambil salinannya sebelum Anda membuat perubahan.

Kemudian:

  1. Pilih file .htaccess Anda, klik kanan dan pilih Edit
  2. Rekatkan yang berikut ini ke bagian bawah file sebelum '# END WordPress' dan simpan setelah selesai

#Customize kedaluwarsa mulai caching


<IfModule mod_expires.c>
Ukuran FileETag MTime
AddOutputFilterByType DEFLATE teks/teks biasa/teks html/xml teks/aplikasi css/xml aplikasi/xhtml+xml aplikasi/rss+xml aplikasi/aplikasi javascript/x-javascript
KedaluwarsaAktif Aktif
ExpiresByType teks/html "akses 600 detik"
Aplikasi ExpiresByType/xhtml+xml "akses 600 detik"
ExpiresByType teks/css "akses 1 bulan"
ExpiresByType teks/javascript "akses 1 bulan"
ExpiresByType teks/x-javascript "akses 1 bulan"
Aplikasi ExpiresByType/javascript "akses 1 bulan"
Aplikasi ExpiresByType/x-javascript "akses 1 bulan"
Aplikasi ExpiresByType/x-shockwave-flash "akses 1 bulan"
Aplikasi ExpiresByType/pdf "akses 1 bulan"
Gambar ExpiresByType/ikon x "akses 1 tahun"
ExpiresByType image/jpg “akses 1 tahun”
ExpiresByType image/jpeg "akses 1 tahun"
Gambar ExpiresByType/png "akses 1 tahun"
ExpiresByType image/gif "akses 1 tahun"
ExpiresDefault "akses 1 bulan"
</JikaModul>
#Kedaluwarsa cache berakhir

Anda dapat mengubah pengaturan ini ke periode waktu yang Anda suka, tetapi kami menemukan pengaturan ini berfungsi dengan baik.

Pengoptimalan basis data

WordPress adalah sistem manajemen konten berbasis database. Semakin banyak data dan tabel dalam database itu, semakin banyak pencarian yang harus dilakukan WordPress untuk menemukan apa yang dibutuhkannya.

Di situlah optimasi database masuk.

Jika Anda mengetahui database, ada banyak cara untuk mengoptimalkannya. Bagi kita manusia biasa, ada WP-Optimize.

WP-Optimize adalah plugin WordPress gratis yang melakukan semua kerja keras untuk Anda. Ini merapikan database, mengoptimalkan tabel dan bahkan mengoptimalkan gambar Anda juga.

Kami akan merekomendasikan untuk mengambil cadangan penuh dari situs Anda sebelum Anda menyentuh database, untuk berjaga-jaga!

Lazy-load halaman panjang dan posting di WordPress

Lazy loading image dulunya penting untuk mempercepat waktu buka halaman. Tahukah Anda bahwa ada opsi untuk malas memuat halaman dan posting yang panjang juga?

Karena WordPress sekarang malas memuat gambar secara default, masuk akal untuk mengatur pemuatan lambat untuk halaman dan posting.

Ada plugin untuk itu, termasuk WordPress Infinite Scroll dan WP Ajax Load More Pagination, dan Infinite Scroll .

Keduanya membuat pekerjaan singkat dari halaman pemuatan lambat untuk memberikan dorongan yang sederhana, tetapi nyata untuk waktu pemuatan halaman.

Gunakan kutipan di halaman rumah Anda

Kita mungkin masuk ke ranah keuntungan marjinal di sini, tetapi setiap hal kecil membantu. Seperti menggunakan kutipan posting blog di halaman rumah Anda.

Perilaku default di WordPress adalah menampilkan seluruh posting blog, yang dapat memperlambat halaman yang menampilkan banyak posting.

Ada pengaturan di dalam WordPress yang membatasi ini untuk kutipan, yang memuat lebih cepat.

Jika Anda menampilkan posting terbaru di halaman beranda, Anda perlu mengubah pengaturan ini!

  1. Arahkan ke Pengaturan dan Bacaan di menu WordPress Anda
  2. Setel ' Untuk setiap pos dalam umpan, sertakan' ke Kutipan
  3. Pilih Simpan Perubahan

Ini tidak hanya akan membuat halaman Anda dimuat lebih cepat tetapi juga akan membuat semuanya terlihat bersih dan rapi di mana pun Anda menampilkan posting terbaru Anda.

Batasi komentar per halaman

Membatasi komentar per halaman adalah keuntungan kecil lainnya, tetapi yang pasti dapat memengaruhi kecepatan jika Anda mendapatkan banyak komentar.

Daripada memuat setiap komentar yang pernah dibuat pada posting atau halaman, membatasi mereka memecahnya menjadi beberapa halaman. Ini mengurangi pemrosesan yang diperlukan untuk merender halaman, yang mempercepat pemuatan.

  1. Arahkan ke Pengaturan dan Diskusi di menu WordPress Anda
  2. Centang kotak di sebelah ' Bagi komentar menjadi beberapa halaman dengan' dan atur jumlah komentar menjadi 10-20
  3. Pilih Simpan Perubahan

Anda dapat mengatur jumlah komentar untuk apa pun yang Anda suka. Jelas, semakin sedikit komentar yang Anda muat, semakin cepat halamannya, tetapi Anda perlu menyeimbangkannya dengan kegunaan dan mendorong komentar pada posting Anda.

Kurangi pengalihan

Redirect adalah tempat URL diarahkan ke yang lain dalam sebuah posting atau halaman.

Misalnya, jika Anda baru saja beralih dari menggunakan HTTP ke HTTPS, Anda akan menggunakan pengalihan untuk mengirim pengunjung ke domain yang benar.

Pengalihan digunakan untuk semua jenis hal dan merupakan bagian penting dari SEO dan kegunaan. Semakin mapan dan lama situs Anda, semakin banyak pengalihan yang mungkin Anda dapatkan.

Jadi bagaimana Anda bisa meminimalkannya?

Salah satu caranya adalah dengan menggunakan redirect dalam file .htaccess Anda.

Dalam contoh di atas, pengalihan dari HTTP ke HTTPS dapat dilakukan di WordPress tetapi lebih efisien untuk melakukannya di tingkat server karena jauh lebih cepat.

Anda akan menemukan file .htaccess di folder root host web Anda. Ambil salinannya sebelum Anda membuat perubahan.

Kemudian:

  1. Pilih file .htaccess Anda, klik kanan dan pilih Edit
  2. Rekatkan yang berikut ini ke bagian bawah file sebelum '# END WordPress' dan simpan setelah selesai

<IfModule mod_rewrite.c>

Mesin Tulis Ulang Hidup
RewriteCond !{HTTPS} nonaktif
Aturan Penulisan Ulang ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
Tulis Ulang %{HTTP_HOST} !^www\.
Aturan Penulisan Ulang ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

</JikaModul>

Kode tersebut memberi tahu server Apache Anda untuk secara otomatis mengarahkan lalu lintas HTTP ke HTTPS, yang membuat WordPress tidak perlu melakukannya dan mempercepat waktu pemuatan halaman.

Pengalihan adalah subjek yang luas, jadi daripada membuat Anda bosan dengan semuanya di sini, mengapa tidak membaca Panduan Pengalihan WordPress di WPEngine?

Kurangi revisi posting

Juri masih belum mengetahui apakah memiliki beberapa revisi halaman atau posting memperlambat situs web Anda atau tidak.

Tidak ada salahnya untuk menguranginya. Jika tidak ada yang lain, itu membuat database Anda tetap rapi!

Anda harus mengedit file wp-config Anda untuk ini, yang ada di direktori WordPress Anda.

  1. Klik kanan wp-config dan pilih Edit
  2. Rekatkan kode berikut ke bagian bawah file dan simpan

define( 'WP_POST_REVISIONS', 5 );

Anda dapat mengatur jumlah revisi yang Anda suka, cukup ubah '5' ke nomor yang diinginkan. Setelah jumlah revisi melebihi angka ini, database akan menghapus revisi terlama.

Nonaktifkan hotlinking

Jika Anda menjalankan situs yang menggunakan banyak gambar asli, Anda akan segera menemukan orang yang menautkan ke aset Anda.

Alih-alih mengambil tangkapan layar aset atau menautkan ke halaman, mereka akan menautkan langsung ke aset tersebut sehingga aset tersebut muncul di halaman mereka saat masih dihosting di halaman Anda.

Ini disebut hotlink.

Semua lalu lintas, dari pengunjung Anda sendiri dan dari situs yang menautkan laman tersebut akan menggunakan sumber daya situs web Anda, yang dapat memperlambat waktu pemuatan.

Anda dapat mencegahnya dengan potongan kode lain yang ditambahkan ke file .htaccess Anda.

  1. Pilih file .htaccess Anda, klik kanan dan pilih Edit
  2. Rekatkan yang berikut ini ke bagian bawah file sebelum '# END WordPress' dan simpan setelah selesai

#nonaktifkan hotlinking gambar

Menulis ulang mesin pada
Tulis Ulang %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourwebsiteURL.com [NC]
Tulis Ulang %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
Aturan Penulisan Ulang \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Cukup ubah tempat Anda melihat 'yourwebsiteURL.com' ke URL situs web spesifik Anda dan Anda siap melakukannya.

Mempercepat WordPress

Jadi itu saja untuk mempercepat WordPress.

Sekarang adalah saat yang tepat untuk memeriksa kecepatan situs web Anda di GTMetrix sekali lagi. Jika Anda menerapkan banyak langkah ini, kami yakin Anda sekarang akan melihat banyak peningkatan!

Ada banyak hal yang harus dilakukan dan beberapa perubahan yang harus dilakukan, tetapi kami harap kami telah menjelaskan alasannya dan caranya cukup untuk Anda ikuti.

Apa yang seharusnya Anda dapatkan adalah situs WordPress yang lebih ramping, lebih kejam, dan lebih cepat. Ini harus bekerja persis sama seperti biasanya, tetapi lebih cepat.

Apakah Anda memiliki tips lain untuk mempercepat WordPress? Mengikuti panduan ini dan ingin membagikan hasilnya? Beritahu kami di komentar di bawah!