4 Tip Teratas untuk Meningkatkan Audit Data Web Inti

Diterbitkan: 2022-05-10

Tidak ada aturan keras dan cepat tentang cara mengaudit Data Web Inti, terutama dengan berbagai alat pihak ketiga yang perlu dipertimbangkan. Kami merinci beberapa kiat utama pengauditan kecepatan untuk dimasukkan ke dalam alur kerja Anda, yang akan mencakup:

  • Pengalaman Halaman & Google Search Console
  • Kekurangan PageSpeed ​​Insights
  • Alat audit pihak ketiga yang direkomendasikan
  • Memahami grafik air terjun

1. Mulai alur kerja audit Data Web Inti Anda dengan Search Console

Saat mengaudit situs web untuk masalah kecepatan situs dan Data Inti Web, kami sarankan untuk selalu memulai proses pemecahan masalah dengan meninjau bagian 'Pengalaman' dalam Search Console – jika akses tersedia. Search Console menggabungkan data pengguna (bidang) yang sebenarnya dari laporan Chrome UX, jadi ini adalah cara mudah untuk memahami masalah LCP, CLS, atau FID mana yang memengaruhi pengalaman pengguna Anda, dan pada akhirnya potensi peringkat situs.

Navigasikan ke 'Page Experience' > 'Core Web Vitals', dan grafik yang ditampilkan akan menunjukkan jumlah URL yang diklasifikasikan sebagai 'Baik', 'Perlu Peningkatan', atau 'Buruk' untuk properti situs web. Sebagai contoh:

Contoh grafik Data Web Inti dari GSC

Lihat bagan di bawah ini tentang pengaturan waktu dan metrik dari Google pada ambang batas Data Web Inti di atas.

Bagus Perlu perbaikan Miskin
LCP <= 2.5s <=4 detik >4 detik
FID <=100ms <=300ms >300ms
CLS <= 0.1 <= 0,25 >0,25

Dari sini, kami dapat menilai apakah sebagian besar URL diklasifikasikan sebagai Baik atau tidak, oleh karena itu melewati semua 3 metrik Data Web Inti, atau jika sebagian besar halaman 'Buruk' atau 'Perlu peningkatan', yang menunjukkan bahwa ada beberapa masalah teknis yang belum terselesaikan yang perlu diselesaikan agar mereka lulus.

Kiat Bermanfaat: Laman harus melewati ketiga tanda vital web untuk pindah ke status 'Baik', dan sebagian besar URL situs tidak cukup untuk berada dalam kisaran 'Perlu peningkatan'.

Anda kemudian dapat menelusuri setiap bagian untuk menemukan URL spesifik yang dipengaruhi oleh masalah kecepatan dan perlu diaudit. Ini dikelompokkan oleh orang-orang yang serupa pada tingkat template. Jadi, alih-alih mencoba mengaudit semua jenis URL berbeda yang mungkin dimiliki situs – misalnya beranda, halaman kategori, halaman produk, posting blog, dll, masalah yang dihadapi pengguna sebenarnya saat mengunjungi situs web mungkin hanya terpusat di sekitar 1 atau 2 dari ini, yang berarti bahwa Anda dapat memfokuskan upaya Anda hanya pada template ini, yang dapat menghemat waktu.

2. Gunakan PageSpeed ​​Insights dengan hemat

Meskipun PageSpeed ​​Insights (PSI) adalah alat gratis yang berguna dari Google yang memberikan gambaran umum tingkat atas tentang peluang potensial untuk memperbaiki masalah, ini benar-benar cara malas untuk mengaudit kecepatan situs jika digunakan secara terpisah. Kami telah melihat banyak SEO mengambil rekomendasi, terkadang kata demi kata, dan menyajikannya kembali ke pengembang klien atau tim teknis tanpa benar-benar memahami mengapa atau konteks apa pun di baliknya.

Sayangnya, ini sering kali dapat menyebabkan lebih banyak pertanyaan yang ditujukan kepada Anda, terutama jika Anda tidak menggali lebih jauh peluang dan rekomendasi yang akan dilontarkan alat tersebut.

Misalnya, kita semua pernah mendengar tentang rekomendasi untuk 'Hilangkan sumber daya pemblokiran render' untuk mempercepat pemuatan elemen LCP, tetapi apa yang terjadi jika sumber daya ini penting untuk diterapkan pada first paint, seperti skrip spanduk cookie atau aset yang terpengaruh adalah sumber daya pihak ketiga? Pengembang kemungkinan akan menolak yang satu ini, karena tidak banyak yang dapat mereka lakukan – jadi sangat penting bahwa setiap rekomendasi teknis yang diambil dari PSI diambil dengan sedikit garam dan diselidiki lebih lanjut sebelum menyampaikan kembali ke pengembang.

Penting juga untuk mengetahui bahwa PSI menggunakan perangkat emulasi yang ditetapkan (Moto G4) dengan Lighthouse, tetapi masalah dapat sangat bervariasi tergantung pada perangkat yang paling sering digunakan pengguna sebenarnya, seperti halnya pengujian 'lab'. Ini sering dapat berarti bahwa PSI tidak akan menampilkan masalah atau peluang untuk pengujian pada perangkat tertentu, meskipun Anda tahu ada masalah untuk pengguna situs sebenarnya dari laporan Chrome UX.

Konfigurasi pengujian Lighthouse default yang digunakan oleh PageSpeed ​​Insights

Oleh karena itu, kami selalu merekomendasikan penggunaan PSI bersama dengan alat pengujian kecepatan lainnya di mana konfigurasi perangkat dan koneksi dapat disesuaikan.

3. Jelajahi alat audit kecepatan alternatif

Selain menggunakan PageSpeed ​​dan alat Google lainnya, kami juga merekomendasikan untuk menjelajahi alat pengujian kecepatan gratis dan freemium lainnya, seperti WebPageTest (WPT) atau GTMetrix.

WebPageTest memiliki berbagai fitur berguna dan opsi konfigurasi yang membantu pengujian kecepatan di tingkat halaman. Konfigurasi lanjutan memungkinkan Anda untuk menyesuaikan pengaturan pengujian penting, seperti browser dan jenis perangkat, serta lokasi pengujian. Ini memungkinkan Anda untuk menyempurnakan audit Anda, terutama jika Anda tahu di mana sebagian besar pengguna situs berada, serta jenis perangkat mereka, yang berarti Anda tidak hanya mengandalkan perangkat simulasi prasetel Google.

Di sini, Anda juga dapat menyesuaikan pengaturan koneksi dari koneksi 3G Fast default, serta memblokir URL tertentu jika Anda ingin menguji peningkatan kinerja untuk skrip yang bermasalah. Ada banyak opsi konfigurasi lain yang belum kami daftarkan untuk dijelajahi, tetapi opsi di atas adalah yang paling membantu kami saat mengaudit core web vitals.

Opsi Konfigurasi Lanjutan WebPageTest yang berguna

Setelah pengujian dijalankan, navigasikan ke tab Data Web Inti untuk mendapatkan perincian kinerja yang terperinci untuk setiap metrik termasuk strip film, garis waktu video, bagan air terjun, serta perincian terperinci dari elemen yang memicu peristiwa – semuanya dapat diekspor dalam berbagai format, dan yang terbaik, gratis!

Tampilan strip film sangat berguna dalam memahami pada titik mana halaman memuat elemen tertentu yang muncul secara visual, yang dapat membantu memprioritaskan aset mana yang berpotensi dimuat lebih cepat. Ini akan ditampilkan dengan sangat jelas jika ada pergeseran visual yang signifikan untuk membantu menentukan elemen yang menyebabkannya.

Contoh strip film yang menunjukkan masalah CLS karena pemuatan spanduk cookie

GTMetrix memiliki fitur yang mirip dengan WebPageTest, namun, banyak opsi lanjutan yang gratis di WPT hanya tersedia dalam paket berbayar.

4. Kenali Bagan Air Terjun

Dalam istilah dasar, bagan air terjun adalah garis waktu kapan file atau aset diminta, berapa lama waktu yang dibutuhkan untuk mengunduh, dan kapan terlihat di halaman.

Melihat bagan air terjun bisa tampak sedikit menakutkan dari offset, karena ada banyak baris, panjang batang, dan warna berbeda yang berarti hal yang berbeda – tetapi jangan ditunda! Menghabiskan waktu untuk mempelajari dan memahami grafik air terjun adalah satu-satunya keterampilan terpenting yang harus dimiliki SEO teknis untuk audit kecepatan.

Jika Anda terbiasa menggunakan WebPageTest untuk audit web vitals, kami menemukan bagan air terjun mereka yang paling ramah pengguna. WebPageTest menyediakan kunci berkode warna di atas bagan yang menunjukkan informasi koneksi, jenis sumber daya yang diminta, dan peristiwa lain seperti eksekusi JS. Ini juga secara visual menampilkan sumber daya pemblokiran render, serta menyoroti sumber daya yang diminta yang memiliki respons 3xx atau 4xx.

Kiat Bermanfaat: Perhatikan bayangan gelap dan terang dari bilah horizontal di air terjun, bayangan terang menunjukkan bahwa sumber daya telah diminta oleh browser, sedangkan bayangan gelap menunjukkan sumber daya sedang diunduh .

Secara keseluruhan, ini membantu dalam mendapatkan pemahaman yang lebih dalam tentang masalah kinerja di situs dan, pada gilirannya, membuat rekomendasi Anda untuk memperbaikinya lebih dapat ditindaklanjuti. Kami merekomendasikan artikel mendalam Matt Hobbs tentang cara membaca bagan air terjun untuk mempelajari lebih lanjut.


Jika Anda mencari saran ahli untuk menyelesaikan masalah kinerja di situs web Anda, silakan hubungi kami atau kunjungi halaman Layanan SEO Teknis kami untuk informasi lebih lanjut tentang bagaimana Semetrical dapat membantu.