Pengujian performa WordPress tingkat lanjut untuk situs yang sedang berkembang

Pengguna internet, pengembang mesin pencari, dan model bahasa besar semuanya sepakat: tidak ada yang menyukai situs web yang lambat. Jadi ada banyak alasan untuk memeriksa situs Anda secara rutin terhadap waktu muat yang lambat, karena masalah dapat muncul yang dapat dijelaskan oleh uji kecepatan dasar. Itulah sebabnya penting untuk menyiapkan alat pengujian performa WordPress tingkat lanjut, sehingga Anda siap merespons ketika kebutuhan kritis muncul. 

Mengapa pengujian performa WordPress sangat penting

Salah satu kesalahan terbesar yang dapat dilakukan pemilik situs adalah hanya mengandalkan satu alat untuk pemeriksaan performa. Performa bergantung pada pengalaman pengguna, struktur halaman, sumber daya server, plugin, dan lalu lintas, dan masing-masing dapat menyebabkan jenis perlambatan yang berbeda.

Itulah sebabnya layak menggunakan lebih dari satu alat untuk menguji situs Anda. Berikut adalah lima alat pemeriksaan situs yang akan kita bahas dalam artikel ini:  

• Google Site Kit menunjukkan bagaimana Google melihat situs Anda dan bagaimana orang berperilaku setelah mereka tiba.

• Menu EasyWP Stats menunjukkan bagaimana sumber daya hosting Anda digunakan.

• Performance Lab memungkinkan Anda menguji peningkatan front-end yang lebih baru dengan aman, modul demi modul.

• Query Monitor memberi Anda tampilan teknis pada kueri basis data, panggilan HTTP, hook, dan perilaku PHP.

• Site Health menyoroti masalah konfigurasi dan komponen usang di dalam WordPress itu sendiri.

Jika digabungkan, alat-alat ini memberi Anda sesuatu yang jauh lebih berguna daripada skor kecepatan. Alat-alat ini membantu Anda menemukan kemungkinan masalah, mengujinya, dan membuat perubahan bermakna yang meningkatkan performa.

Google Site Kit

Google Site Kit adalah plugin WordPress resmi dari Google untuk menghubungkan Search Console, Analytics, PageSpeed Insights, dan layanan Google lainnya ke dasbor Anda. Setelah dipasang, plugin ini menampilkan puluhan pengukuran situs penting langsung di dalam dasbor WordPress. Ini berarti Anda dapat memeriksa performa setiap kali Anda masuk ke situs web Anda.

Memahami dasbor kecepatan di Site Kit

Salah satu alasan paling praktis untuk memasang Site Kit adalah koneksinya ke PageSpeed Insights. Bagian itu memberi Anda visibilitas langsung ke data terkait kecepatan tanpa melakukan pemeriksaan manual. Saat Anda menemukan halaman di situs web Anda yang terasa lambat, Anda bisa segera mendapatkan jawaban tentang apa yang dilaporkan oleh lingkungan pengujian Google.

Skor yang lemah dapat berakar pada beberapa penyebab yang berbeda. Ini bisa berarti halaman Anda memiliki terlalu banyak JavaScript, terlalu banyak sematan, gambar berukuran terlalu besar, atau pergeseran tata letak yang merusak pengalaman pengguna. Dengan kata lain, dasbor kecepatan paling baik digunakan sebagai petunjuk, bukan diagnosis akhir.

Saat Anda merasa situs atau halaman tertentu Anda mungkin dimuat dengan lambat, ikuti langkah-langkah berikut:

1. Buka Site Kit dan tinjau skor di bawah tab kecepatan, alihkan ke skor seluler dan desktop, lalu ambil tangkapan layar untuk perbandingan nanti.

2. Klik “Jalankan pengujian lagi” untuk mendapatkan skor pengujian saat ini, bandingkan dengan tangkapan layar Anda, dan lihat apakah ada perbedaan.

3. Buka PageSpeed Insights dari tautan untuk mendapatkan titik data yang lebih mendalam, jika diperlukan.

4. Bandingkan skor dari semua pengujian dan cari pola atau ketidakkonsistenan apa pun. 

5. Jika semua skor Anda berwarna hijau, sebagai indikasi hasil yang positif, perlambatan tersebut mungkin terkait dengan perangkat atau browser Anda, bukan situs webnya. Skor kuning dan merah yang lebih rendah berarti sudah waktunya mempertimbangkan optimasi untuk situs Anda.

Meskipun skor kecepatan ini hanyalah titik awal, skor ini merupakan pengukuran yang penting, dan dapat memengaruhi seberapa sering pengguna melihat situs Anda, terutama melalui hasil pencarian organik Google. Kunjungi bagian Kecepatan di dasbor Site Kit sesering mungkin, karena skor pengujian yang rendah di sini adalah salah satu cara paling sederhana untuk mengidentifikasi masalah performa.

Gunakan dasbor lalu lintas untuk mendeteksi masalah performa lainnya

Beberapa masalah performa tidak dapat dideteksi dalam skor uji kecepatan. Itulah sebabnya penting untuk memperhatikan apa yang dilakukan pengguna nyata saat mereka mengunjungi situs Anda. Untungnya, Site Kit menggabungkan data Search Console dan Analytics sehingga Anda dapat meninjau lalu lintas, perilaku tingkat halaman, dan bagaimana orang menemukan serta menggunakan konten Anda dari dalam WordPress. 

Itu berarti Anda dapat menggunakan tren lalu lintas untuk menarik kesimpulan logis tentang masalah performa, bahkan ketika dasbor kecepatan tidak menjelaskannya secara langsung.

Bagian Lalu Lintas akan memberi Anda informasi gabungan untuk seluruh situs Anda, dan Anda dapat beralih antara saluran, lokasi, dan data terkait perangkat. Lalu Anda dapat mengklik tautan Analytics di sudut kanan bawah untuk melihatnya dengan lebih rinci. Contohnya:

• Jika lalu lintas seluler tinggi tetapi konversi lemah, itu adalah tanda untuk membandingkan hasil PageSpeed seluler dan perilaku tata letak seluler dengan lebih cermat.

• Jika satu artikel mendapatkan jauh lebih banyak sesi baru daripada bagian lain situs Anda, halaman itu layak mendapat perhatian performa khusus karena perlambatan apa pun di sana memengaruhi porsi pengunjung yang lebih besar.

• Jika lalu lintas organik ke satu halaman stabil tetapi keterlibatan turun tajam setelah desain ulang atau migrasi tema, Anda mungkin telah menimbulkan masalah UX atau pemuatan pada halaman tersebut.

Ini bukan bukti dengan sendirinya, tetapi merupakan indikasi arah yang kuat. Site Kit membantu Anda menemukan halaman mana yang paling penting dan segmen audiens mana yang mungkin mengalami hambatan terbesar.

EasyWP Stats

Setelah Anda memiliki teori dari Site Kit, pindahlah ke dasbor EasyWP Anda dan buka menu Stats. EasyWP menyertakan pelacakan bawaan untuk metrik yang berfokus pada pengunjung dan Insights yang membantu Anda memahami grafik serta menemukan peluang untuk peningkatan.

Itu penting karena perlambatan situs dapat berakar pada berbagai masalah yang berbeda. Terkadang halaman menjadi berat karena pilihan desain front-end. Di lain waktu, sumber daya yang mendasarinya didorong terlalu keras oleh lonjakan lalu lintas, plugin yang tidak efisien, pekerjaan latar belakang, atau hal lainnya.

Apa yang perlu diperhatikan di bagian Performance

Area Stats melacak penggunaan CPU dan RAM untuk Anda, dan Anda dapat melihat penggunaan bandwidth selama 7 hari terakhir. 

Lonjakan sementara dapat terjadi selama pembaruan perangkat lunak rutin, perubahan situs, atau periode dengan lebih banyak pengunjung dari biasanya. Itu berarti kuncinya adalah tidak panik karena satu lonjakan. Hal yang lebih baik untuk diperhatikan adalah apakah lonjakan sering terjadi atau melebihi tingkat penggunaan yang baik dalam jangka waktu lama.

Berikut adalah penyebab paling umum saat Anda melihat lonjakan dalam pengukuran Performance:

Kapan perubahan drastis benar-benar penting

Perubahan signifikan patut diperhatikan ketika selaras dengan lonjakan yang tercermin dalam menu Stats. Jika Anda melihat ini, ajukan pertanyaan-pertanyaan berikut:

• Apakah lonjakan terjadi tepat setelah pembaruan plugin, tema, atau WordPress?

• Apakah itu terjadi setelah menerbitkan halaman baru dengan gambar besar, sematan, atau video?

• Apakah itu terjadi setelah kampanye lalu lintas, pengiriman newsletter, atau peningkatan peringkat yang mendadak?

• Apakah situs benar-benar lebih lambat bagi pengunjung, atau ini hanya anomali grafik?

Di sinilah menu EasyWP Stats menjadi lebih dari sekadar dasbor. Ini menjadi cara untuk membedakan situs yang sehat dari situs yang terbebani.

Performance Lab

Jika Site Kit menunjukkan masalah pengalaman halaman dan EasyWP tidak menunjukkan masalah sumber daya yang besar, Anda mungkin sedang berurusan dengan optimasi front-end. Di situlah plugin Performance Lab menjadi berguna.

Performance Lab adalah kumpulan modul WordPress yang berfokus pada performa yang dibuat oleh tim WordPress, banyak di antaranya dimaksudkan untuk menguji peningkatan sebelum akhirnya dipindahkan ke inti. Alih-alih memaksakan satu sakelar besar serba aktif atau tidak sama sekali, plugin ini memungkinkan Anda mengaktifkan fitur individual dan mengevaluasinya di situs Anda.

Mulailah dengan melihat modul-modul ini

Saat ini, ada 9 modul berbeda dalam plugin Performance Lab, yang semuanya dapat diaktifkan secara terpisah tergantung pada kebutuhan situs Anda. Bagi sebagian besar pemilik situs, inilah modul-modul yang layak dipahami terlebih dahulu.

Embed Optimizer

Gunakan ini untuk mengurangi beban konten sematan, terutama ketika halaman bergantung pada YouTube, postingan sosial, atau sematan pihak ketiga lainnya. Aktifkan pada halaman yang berat dengan sematan dan terasa lambat atau tersendat saat dimuat. Lewati pada halaman tanpa sematan atau dengan sangat sedikit sematan, karena itu menambah kompleksitas tanpa manfaat yang jelas.

Image Placeholders

Ini menambahkan placeholder ringan sehingga halaman terasa stabil secara visual saat gambar dimuat, yang dapat meningkatkan performa yang dirasakan dan mengurangi lompatan tata letak. Aktifkan untuk halaman yang kaya gambar, terutama di seluler, tempat ruang kosong dan pergeseran tata letak umum terjadi. Ini kurang berguna pada artikel yang berfokus pada teks dengan sangat sedikit gambar, di mana Anda mungkin tidak akan melihat banyak perbedaan.

Speculative Loading

Ini menggunakan API Speculation Rules milik browser untuk melakukan prefetch atau prerender pada kemungkinan halaman berikutnya, yang dapat membuat navigasi terasa hampir instan. Ini bekerja paling baik pada situs dengan jalur penelusuran yang jelas, seperti arsip blog, dokumentasi, atau toko tempat pengguna sering mengklik dari satu halaman internal ke halaman berikutnya. Berhati-hatilah pada situs dengan alur yang sangat dinamis, dasbor pengguna yang login, atau tindakan sensitif, di mana pramuat URL tambahan dapat menciptakan pekerjaan yang tidak perlu atau efek samping yang tidak terduga.

Modern Image Formats

Ini membantu menyajikan format gambar yang lebih baru jika didukung, yang dapat secara drastis mengurangi ukuran gambar pada halaman yang kaya media. Ini adalah kandidat kuat untuk situs yang sangat mengandalkan fotografi, gambar unggulan, atau galeri produk. Sebelum mengaktifkannya di mana-mana, periksa bagaimana interaksinya dengan tema, CDN, dan plugin optimasi gambar yang sudah ada, agar Anda tidak menumpuk alat yang saling tumpang tindih.

Enhanced Responsive Images

Ini meningkatkan cara ukuran gambar dipilih, yang berguna untuk tema yang tidak selalu mengirim ukuran gambar paling efisien ke setiap layar. Ini layak diaktifkan jika Anda melihat pengguna seluler mengunduh gambar desktop berukuran besar, atau jika laporan PageSpeed menandai pengiriman gambar yang tidak efisien. Hindari menggunakannya secara membabi buta bersama beberapa plugin penanganan gambar lainnya tanpa pengujian, karena terlalu banyak optimasi gambar yang saling tumpang tindih dapat membuat pemecahan masalah menjadi lebih sulit, bukan lebih mudah.

Query Monitor

Query Monitor adalah panel alat pengembang untuk WordPress yang menampilkan kueri basis data, kesalahan PHP, hook dan action, panggilan HTTP API, skrip, style, dan informasi debugging terkait. Ini sangat baik ketika Anda ingin memahami mengapa pemuatan halaman tertentu mahal di tingkat kode.

Bagi pemilik situs, data yang paling berguna biasanya berasal dari empat tempat:

• Panel kueri, yang menunjukkan kueri basis data yang lambat dan duplikat.

• Rincian komponen, yang membantu mengidentifikasi apakah plugin, tema, atau inti bertanggung jawab atas kueri tersebut.

• Tampilan HTTP API, yang menunjukkan panggilan eksternal yang dapat menunda pembuatan halaman.

• Panel ikhtisar, yang menyoroti waktu pembuatan halaman dan penggunaan memori.

Alasan untuk mempertahankan Query Monitor dalam peran pendukung adalah karena alat ini menjawab pertanyaan yang lebih sempit. Alat ini tidak terlalu baik untuk memahami perilaku pengunjung yang lebih luas, pola lalu lintas jangka panjang, atau tekanan sumber daya tingkat akun. Alat ini sangat baik ketika Anda sudah mencurigai plugin, template, atau jalur permintaan tertentu dan menginginkan konfirmasi teknis.

Site Health

Ada satu alat sederhana terakhir yang akan dibahas hari ini, dan Anda dapat mengaksesnya hanya dengan satu klik. Buka Tools di dasbor WordPress Anda, lalu buka Site Health. 

Site Health terpasang di WordPress dan mencakup layar Status serta layar Info, memberi Anda tampilan cepat tentang apakah penyiapan Anda memiliki masalah yang jelas yang dapat memengaruhi keamanan, stabilitas, dan performa.

Ini penting karena pekerjaan performa “tingkat lanjut” bisa sia-sia jika dasar-dasarnya masih bermasalah. Site Health dapat mengarahkan Anda ke inti WordPress yang usang, versi PHP lama, masalah mode debug, plugin tidak aktif tetapi tidak perlu, masalah tugas terjadwal, dan item konfigurasi lain yang diam-diam menurunkan performa.

Tab Info juga berguna ketika Anda membutuhkan konteks. Tab ini memberi Anda gambaran singkat tentang versi WordPress, penyiapan server, tema aktif, plugin aktif, dan detail teknis lainnya yang membantu menjelaskan hasil yang Anda lihat di tempat lain.

Dengan kata lain, Site Health bukan tempat Anda menyelesaikan setiap masalah kecepatan. Ini adalah tempat Anda memastikan bahwa fondasi Anda tidak merusak sisa pengujian Anda.

Dari mana peningkatan terbesar biasanya berasal

Salah satu hal paling berguna yang diajarkan pengujian performa tingkat lanjut kepada Anda adalah bahwa tidak setiap masalah memiliki solusi yang sama. Itulah juga alasan pendekatan multi-alat ini bekerja dengan sangat baik. Google Site Kit membantu Anda melihat bagaimana pengguna dan Google mengalami situs Anda. EasyWP Stats menunjukkan apa yang dilakukan sumber daya hosting Anda di balik layar. Performance Lab membantu Anda menguji optimasi modern dengan aman. Query Monitor mengonfirmasi penyebab di tingkat kode saat diperlukan. Site Health memastikan dasar-dasar Anda tetap kuat.

Ketika Anda menggabungkan pandangan-pandangan tersebut, performa WordPress tidak lagi menjadi misteri. Ini menjadi proses membaca sinyal yang tepat, membuat satu perubahan berguna pada satu waktu, dan berfokus pada halaman serta perilaku yang paling penting bagi pengunjung Anda.