Panduan langkah demi langkah tentang cara mengoptimalkan instalasi WordPress Anda.
Ikhtisar
Banyak pengguna kami menjalankan WordPress baik sebagai CMS atau platform blog. Dengan banyak plugin hebat yang tersedia, mudah untuk membuat situs web 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.
Catatan: Plugin ini hanya membahas masalah optimasi front-end saja. Jika situs Anda masih membutuhkan waktu lama untuk dimuat, server yang ditingkatkan atau optimisasi kode back-end adalah apa yang akan membuat perbedaan nyata. Baca lebih lanjut tentang Layanan Hosting WordPress kami .
Langkah 1) Instal dan aktifkan UpdraftPlus
Sangat penting bahwa Anda membuat cadangan 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.
a) 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.”
Klik “Cadangkan Sekarang” – sembulan akan muncul. Pastikan bahwa opsi “Sertakan basis data dalam cadangan” dan “Sertakan semua file dalam cadangan” dicentang.
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.
Itu saja untuk pengaturan UpdraftPlus!
Langkah 2) 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.
Pada dasarnya, Anda tidak ingin menyajikan gambar dengan dimensi yang lebih besar dari yang dibutuhkan pengguna untuk ditampilkan. Pelajari lebih lanjut tentang pengoptimalan gambar di sini .
Langkah 3) 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.
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).
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 .
Langkah 4) 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.
- 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
- Membantu dengan rekomendasi caching browser Leverage .
Klik “Kirim” setelah selesai.
Itu untuk pengaturan WP Cache Tercepat!
Catatan penting
Minifikasi 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”.
WP Fastest Cache akan secara otomatis memuat ulang cache setelah Anda menghapusnya. Konten baru seperti posting atau halaman tidak mengharuskan Anda untuk menghapus cache.
Langkah 5) 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 :
Jika Anda memiliki blog WordPress, lambat atau tidak, cobalah panduan ini dan tingkatkan pengalaman pengguna Anda!