Website lambat: apa yang diperiksa, secara berurutan

Yang akan Anda capai

• mengetahui apakah yang lambat server atau halamannya;
• memperbaiki penyebab umum, satu per satu;
• mengaktifkan kompresi dan cache browser dari .htaccess.

Sebelum memulai

• Catat halaman mana yang lambat, dari perangkat apa, dan sejak kapan. “Sejak hari saya menginstal X” adalah petunjuk yang paling berguna.
• Buat backup website: di Enhance, di halaman website, tab “Backups” » “Create backup” (di antarmuka “English (US)”, “Backup now”).

Langkah-langkah

1. Ukur

1. Uji halaman di https://pagespeed.web.dev (detailnya di Memahami Core Web Vitals: LCP, INP, dan CLS). Catat LCP dan skornya.

2. Ukur waktu respons server, dari Terminal (Mac, Linux) atau PowerShell (Windows; ketik curl.exe sebagai ganti curl):

   curl -o /dev/null -s -w 'Primul octet: %{time_starttransfer}s · Total: %{time_total}s\n' https://domeniul-tau.ro/

   Di Windows, ganti /dev/null dengan NUL.

3. Baca hasilnya:
   • byte pertama di bawah 0,5 s pada halaman biasa: server baik-baik saja, masalahnya ada di halaman (langkah 4–6);
   • di atas 1 s, terus-menerus: server lambat menyusun halaman (langkah 2–3 di bawah).

2. Apakah halaman disajikan dari cache?

4. Pada website WordPress tanpa plugin cache, setiap kunjungan menyusun halaman dari awal. Aktifkan cache halaman (lihat Cache di WordPress: apa itu dan cara memakainya) lalu ukur lagi.

3. Versi PHP dan plugin

5. Periksa versi PHP website: Enhance, halaman website, tab “Developer tools” » “PHP”. Versi yang lebih baru (8.3, 8.4) biasanya lebih cepat; periksa dulu kompatibilitasnya (lihat Versi PHP dan pengaturan PHP).
6. Lihat log error PHP di “Developer tools” (php-error.log): ratusan peringatan di setiap kunjungan memperlambat halaman.
7. Nonaktifkan satu per satu plugin yang tidak Anda pakai dan ukur setelah setiap langkah. Satu plugin berat saja bisa menggandakan waktu respons (lihat Plugin yang dibutuhkan website WordPress).
8. Pada toko online, keranjang dan checkout tidak di-cache dan dihitung oleh PHP untuk setiap pengunjung. Jika keduanya lambat hanya saat banyak pengunjung sekaligus, lihat bagian tentang paket di Toko WooCommerce: paket, instalasi, dan pengaturan.

4. Gambar

9. Di laporan PageSpeed, pada bagian rekomendasi, cari gambar yang terlalu besar. Perkecil dan ubah ke WebP atau AVIF (lihat Gambar WebP dan AVIF: tampilan sama, kilobyte lebih sedikit dan Gambar di WordPress: ukuran, format, dan pemuatan).

5. Skrip dari pihak lain

10. Chat, piksel iklan, peta tersemat, ulasan, video, font eksternal: masing-masing membawa skripnya sendiri. Di laporan PageSpeed, pada Kurangi dampak kode pihak ketiga (Reduce the impact of third-party code), lihat berapa beban masing-masing.
11. Pertahankan hanya yang benar-benar Anda pakai. Video bisa ditampilkan sebagai gambar dan baru diputar saat diklik.

6. Kompresi dan cache browser

Kompresi memperkecil halaman, CSS, dan JavaScript selama pengiriman. Cache browser memberi tahu pengunjung untuk menyimpan gambar dan file stylesheet, agar halaman kedua terbuka lebih cepat.

12. Di Enhance, tab “Files”, buka .htaccess di public_html (klik kanan » “Edit”). Untuk WordPress, bekerjalah di luar baris # BEGIN WordPress dan # END WordPress.
13. Tambahkan di bagian akhir:

    <IfModule mod_deflate.c>
      AddOutputFilterByType DEFLATE text/html text/plain text/css text/javascript application/javascript application/json image/svg+xml
    </IfModule>
    
    <IfModule mod_expires.c>
      ExpiresActive On
      ExpiresByType image/webp "access plus 1 month"
      ExpiresByType image/avif "access plus 1 month"
      ExpiresByType image/jpeg "access plus 1 month"
      ExpiresByType image/png "access plus 1 month"
      ExpiresByType image/svg+xml "access plus 1 month"
      ExpiresByType text/css "access plus 1 week"
      ExpiresByType text/javascript "access plus 1 week"
      ExpiresByType application/javascript "access plus 1 week"
      ExpiresByType font/woff2 "access plus 1 month"
    </IfModule>

14. Klik “Save” dan periksa website. Jika plugin cache sudah punya opsi kompresi dan cache browser, gunakan opsi dari plugin itu, jangan keduanya.

Dengan cache browser, file CSS yang diubah bisa tetap versi lama bagi pengunjung yang sudah mengunduhnya. WordPress otomatis menambahkan ?ver= pada file tema; pada website buatan manual, ganti nama file atau tambahkan ?v=2 di halaman setelah setiap perubahan.

7. Database

15. Pada WordPress yang sudah lama, database membengkak karena revisi artikel, komentar spam, dan data sisa plugin yang sudah dihapus. Lihat ukurannya di Enhance, tab “Databases” (lihat Berapa ruang yang terpakai dan apa yang memakainya). Sebelum membersihkan apa pun, buat salinan.

Jika ada kendala

• Website hanya lambat sesekali, pada jam tertentu. Bisa jadi ada tugas terjadwal yang berat (impor, backup oleh plugin) atau serbuan bot. Lihat di “Developer tools” » “Cron jobs” (lihat Cron job: tugas terjadwal di Enhance) dan beri tahu kami jamnya.
• Hanya lambat dari jaringan Anda. Coba lewat data seluler. Jika di sana cepat, masalahnya ada di jaringan Anda.
• Website error setelah .htaccess diedit. Ada salah ketik. Hapus blok yang ditambahkan dan simpan (lihat Error 500 Internal Server Error dan halaman putih).
• Semua sudah dilakukan dan tetap lambat. Kirimkan alamat halaman, hasil dari langkah 2, dan apa saja yang sudah Anda ubah. Kami juga akan memeriksa apa yang terlihat dari sisi server.