Panduan Pengoptimalan Website berbasis WordPress

optimasi wordpress website

Panduan lengkap langkah demi langkah tentang cara mengoptimalkan kecepatan dan seo instalasi website berbasis cms wordpress.

Ikhtisar

Banyak pemilik website yang menjalankan WordPress baik sebagai CMS atau platform blog mereka. Dengan banyak plugin hebat yang tersedia, mudah untuk membuat website berfitur lengkap dengan banyak fungsi yang rapi. Namun, plugin ini, dapat menyisipkan file CSS dan JavaScript tambahan ke header Anda yang dapat merusak kinerja situs Anda (dan skor PageSpeed dan YSlow).

Kami telah mencantumkan beberapa plugin dan menulis beberapa rekomendasi untuk pengguna WordPress kami yang mencari bantuan pengoptimalan.

Panduan lengkap langkah demi langkah tentang cara mengoptimalkan kecepatan dan seo instalasi website berbasis cms wordpress

Catatan: Plugin ini hanya membahas masalah optimasi front-end saja. Jika website Anda masih memakan waktu lama untuk dimuat (lambat) sisi-server yang ditingkatkan atau optimisasi kode back-end adalah yang diperlukan untuk membuat perbedaan nyata (cepat). Baca lebih lanjut tentang Mengapa Website Anda Lambat.??

 

Instal dan aktifkan UpdraftPlus

Sangat penting bahwa Anda membuat cadangan (backup) instalasi WordPress Anda sebelum optimasi (dan secara teratur!). UpdraftPlus menyediakan cara sederhana dan efektif untuk mencadangkan seluruh penginstalan WordPress Anda, termasuk basis data, plugin, tema, unggahan, dan lainnya.

Cadangkan instalasi WordPress Anda

Di bawah bagian “Pengaturan” di bilah sisi WordPress Anda, Anda akan memiliki akses ke opsi menu baru yang disebut “Pembaruan UpdraftsPlus.”

updraftplus backup wordpress

Klik “Cadangkan Sekarang” untuk menghasilkan cadangan lengkap instalasi WordPress Anda.

 

Klik “Cadangkan Sekarang” – sembulan akan muncul. Pastikan bahwa opsi “Sertakan basis data dalam cadangan” dan “Sertakan semua file dalam cadangan” dicentang.

updraftplus backup settings

Pastikan untuk membuat cadangan database dan file Anda.

 

Klik “Cadangkan Sekarang” – UpdraftPlus akan membuat cadangan lengkap instalasi WordPress Anda. Jika ada yang salah dengan optimasi, atau jika instalasi Anda diretas atau rusak – Anda dapat memulihkan menggunakan cadangan Anda.

Cukup itu saja untuk pengaturan UpdraftPlus!

 

Skala gambar Anda (Opsional)

Jika laporan GTmetrix Anda menunjukkan bahwa Anda perlu Melayani gambar berskala , ikuti panduan ini yang kami tulis tentang cara mengoptimalkan gambar – khususnya langkah 2 hingga 4 .

Di WordPress, Anda dapat memasukkan gambar berukuran lebih kecil berdasarkan apa yang dihasilkan WordPress untuk Anda.

skala gambar wordpress

Coba masukkan gambar yang lebih kecil jika Anda memicu peringatan Sajikan gambar berskala.

Pada dasarnya, Anda tidak ingin menyajikan gambar dengan dimensi yang lebih besar dari yang dibutuhkan pengguna untuk ditampilkan.

 

Instal dan aktifkan WP Smush (Kompresi dan Optimasi Gambar Smush)

Di bawah bagian “Media” di bilah sisi WordPress Anda, Anda akan memiliki akses ke opsi menu baru yang disebut “WP Smush”.

Di bagian ini, pastikan bahwa fitur “Auto-Smush Images on upload” dicentang. Plugin sekarang akan mengoptimalkan setiap gambar yang Anda unggah untuk selanjutnya sejak Anda mengaktifkannya.

cloudindi wp smush wordpress

Pastikan “Gambar Smush Secara Otomatis saat unggah” diaktifkan, dan periksa ukuran gambar yang ingin Anda optimalkan.

Selanjutnya, smush semua gambar di Media Library Anda dengan mengklik “Bulk Smush 50 Attachments” (Versi gratis plugin ini terbatas untuk bulk smushing 50 attachment sekaligus. Anda harus mengunjungi kembali halaman ini dan bulk smush the 50 lampiran berikutnya).

wpsmush bulk smush wodpress

Klik “Bulk Smush” Sekarang untuk mengompres gambar Perpustakaan Media Anda

Itu untuk WP Smush! Jika Anda ingin detail lebih lanjut tentang opsi seperti mengoptimalkan gambar di luar Media Library Anda, baca artikel Cara Mengoptimalkan Gambar: Panduan Praktis .

 

Instal dan aktifkan WP Fastest Cache

Di bilah sisi, Anda akan melihat opsi baru yang disebut “WP Fastest Cache.”

a) Aktifkan pengaturan berikut:

  • Sistem Cache
    • Aktifkan caching untuk pengiriman halaman yang lebih cepat.
  • Preload
    • Setelah mengklik ini, Anda akan mendapatkan popup yang memberi tahu Anda halaman mana yang harus di-cache.
    • Periksa semuanya dan biarkan “halaman per menit” pada 4 – klik “OK”.
    • Anda mungkin perlu mengurangi nomor ini jika layanan hosting Anda mengeluh.
cloudindi wp fastest cache preload

WP Opsi Pemuatan Cache Tercepat

 

  • Pengguna yang Masuk
    • Pastikan bahwa jika Anda masuk, Anda melihat kondisi halaman yang sebenarnya, bukan versi yang di-cache.
  • Minify HTML *
    • Memampatkan HTML dan mengurangi ukuran file.
  • Minify CSS *
    • Memampatkan CSS dan mengurangi ukuran file.
  • Gabungkan CSS *
    • Bergabung dengan file CSS Anda menjadi satu sumber daya CSS, mengurangi jumlah permintaan HTTP.
  • Gabungkan JS *
    • Menggabungkan file JavaScript Anda menjadi satu sumber daya JS, mengurangi jumlah permintaan HTTP.
  • Gzip
    • Selanjutnya kompres halaman Anda menjadi lebih kecil dalam ukuran file dan unduh lebih cepat.
  • Caching Browser
pengaturan wp fastest cache

WP Fastest Cache – Semua pengaturan yang diaktifkan

Klik “Kirim” setelah selesai.

Itu untuk pengaturan WP Cache Tercepat!

 

Catatan penting

Minifikasi (minify) dan Penggabungan

Meminimalkan dan menggabungkan HTML / CSS / JavaScript dapat merusak fungsionalitas di situs web Anda. Minifikasi pada dasarnya berjalan melalui skrip Anda adalah menghapus data asing seperti komentar, pemformatan, spasi putih, dan hal-hal lain yang tidak perlu dibaca oleh komputer. Menggabungkan mengambil konten dari masing-masing skrip individu dan menggabungkan semuanya menjadi satu skrip tunggal.

Karena proses-proses ini memodifikasi data, mereka terkadang merusak fungsionalitas karena kesalahan pengodean kode, kesalahan sintaksis, nama fungsi rangkap, dll.

Pastikan untuk memeriksa fungsionalitas situs Anda setelah mengaktifkan fitur minifikasi / penggabungan. Jika Anda menemukan sesuatu yang rusak, nonaktifkan semua fitur minifikasi / penggabungan, dan aktifkan kembali satu-per-satu untuk menemukan fitur mana yang menyebabkan masalah.

Jika lingkungan hosting Anda mendukung HTTP / 2, kombinasi skrip tidak diperlukan, karena protokol HTTP / 2 mendukung multiplexing – pada dasarnya memungkinkan beberapa unduhan menggunakan koneksi TCP tunggal (hanya untuk 6 koneksi paralel dalam HTTP / 1.x.)

Caching Halaman

Setiap kali Anda membuat perubahan besar pada situs, seperti menambahkan plugin atau memodifikasi CSS / tema, disarankan untuk menghapus cache dan memuatnya lagi untuk memastikan Anda melayani versi terbaru dari situs. Anda dapat menemukan opsi untuk menghapus cache di WP Fastest Cache di tab “Delete Cache”.

cloudindi-wp-fastest-cache-delete-cache

Hapus cache Anda setelah perubahan besar dalam tema atau menambahkan plugin global.

WP Fastest Cache akan secara otomatis memuat ulang cache setelah Anda menghapusnya. Konten baru seperti posting atau halaman tidak mengharuskan Anda untuk menghapus cache.

 

Analisis situs Anda

Analisis kembali situs Anda (melalui GTmetrix.com atau dengan plugin kami) dan lihat perbedaan kinerjanya!

Anda akan melihat peningkatan dalam metrik berikut:

  • Waktu terisi penuh / Waktu muat
  • Total Ukuran Halaman
  • Permintaan
  • Skor PageSpeed / YSlow
    • Sajikan gambar berskala
    • Optimalkan gambar
    • Manfaatkan caching browser
    • Minimalkan CSS / HTML
    • Aktifkan kompresi gzip
    • Buat lebih sedikit permintaan HTTP

Jarak tempuh Anda mungkin beragam! Karena beragamnya instalasi WordPress, penggunaan plugin, dan lingkungan hosting, Anda mungkin tidak dapat mempengaruhi semua metrik di atas. Hal-hal seperti sumber daya pihak ketiga (widget Facebook, embed YouTube, dll) dan iklan masih dapat sangat mempengaruhi skor Anda.

Ringkasan

Setelah menguji dan bermain-main dengan banyak plugin serupa, kami telah menemukan bahwa kombinasi WP Fastest Cache , penskalaan gambar dan WP Smush menyediakan cara paling efektif dan paling sederhana untuk meningkatkan kinerja situs web WordPress Anda.

Lihatlah perbedaan di blog pengujian kami – Perbandingan di sini :

hasil optimasi wordpress

Sebelum dan sesudah mengikuti Panduan Pengoptimalan WordPress kami

 

Jika Anda memiliki blog WordPress, lambat atau tidak, cobalah panduan ini dan tingkatkan pengalaman pengguna Anda!