🎯 Tujuan

Mengoptimalkan kecepatan halaman (PageSpeed) pada website WordPress melalui penggunaan gambar WebP serta pengelolaan CSS dan JavaScript yang efisien untuk meningkatkan performa situs.

⏰ Konteks

PageSpeed yang optimal penting untuk meningkatkan pengalaman pengguna, mengurangi bounce rate, dan meningkatkan peringkat SEO. Mengelola media, CSS, dan JavaScript secara tepat dapat mempercepat waktu muat halaman, meningkatkan performa situs secara keseluruhan.

🪵 Hal yang Diperlukan

1. Akses ke dashboard WordPress.
2. Alat pengujian kecepatan (Google PageSpeed Insights atau GTmetrix).
3. Plugin optimasi PageSpeed (instalasi plugin harus sesuai dengan SOP Penggunaan Plugin WP).

📹 Video Tutorial

https://youtu.be/DJjJ8SjDeWE

📋 Langkah-Langkah

1. Penggunaan Gambar WebP:
   • Konversi gambar ke format WebP.
   • Ganti gambar yang ada dengan versi WebP di halaman website.
   • Pastikan ukuran gambar tidak lebih dari 1 MB.
2. Pengelolaan CSS:
   • Minify dan kombinasikan file CSS agar lebih ringan.
   • Hapus CSS yang tidak digunakan.
   • Minimalkan penggunaan widget yang tidak perlu.
3. Pengelolaan JavaScript:
   • Minify dan kombinasikan file JavaScript.
   • Nonaktifkan skrip yang tidak diperlukan pada halaman tertentu.
4. Pengujian dan Pemantauan:
   • Uji kecepatan halaman menggunakan alat seperti Google PageSpeed Insights atau GTmetrix.
   • Pantau performa secara berkala dan lakukan penyesuaian jika diperlukan.

Kesimpulan Dengan mengikuti langkah-langkah ini, optimasi kecepatan halaman akan membantu meningkatkan performa situs WordPress secara keseluruhan. Penggunaan gambar WebP serta pengelolaan CSS dan JavaScript yang tepat akan memastikan halaman memuat lebih cepat, memberikan pengalaman pengguna yang lebih baik, dan meningkatkan peringkat SEO.

✅ Definisi Selesai

SOP dianggap selesai jika langkah-langkah optimasi telah diterapkan, skor PageSpeed meningkat secara signifikan, dan semua perubahan diuji untuk memastikan website tetap berfungsi dengan baik tanpa masalah.