Sejak peluncuran Core Web Vitals, ini telah menjadi topik populer karena orang-orang mencoba mencari tahu cara mengukur, mengoptimalkan, dan melaporkan metrik baru ini serta tanggung jawab untuk melakukan pengoptimalan yang diperlukan.
Situs aplikasi Google Web.Dev memberikan bantuan kepada pengembang dengan merekomendasikan alur kerja tertentu untuk mengaudit CWV situs dan merencanakan strategi pengoptimalan.
Tipsnya dilengkapi dengan daftar alat untuk digunakan dan pertanyaan untuk diminta agar pendekatan Anda tetap efisien dan efektif.
Pendekatan ABC untuk alur kerja audit kritis web
Disebut “Web Vitals Loop”, disarankan agar pendengar mengadopsi pendekatan berikut, yang merupakan proses yang lebih direkomendasikan:
- Pendekatan A – Menilai kesehatan Web dan mengidentifikasi kelemahan.
- Pendekatan B – Debug dan optimalkan halaman yang kurang baik.
- Pendekatan C – Terus memantau dan mengembangkan.
Setiap pendekatan dilengkapi dengan alat yang disarankan dan, dalam beberapa kasus, pertanyaan untuk menjawab:
Gambaran Umum Pendekatan A (evaluasi dan identifikasi)
Pengembang yang melakukan audit disarankan untuk bertanya pada diri sendiri pertanyaan-pertanyaan berikut pada saat ini dalam audit untuk menjaga proses tetap fokus:
- Apa kinerja situs dan apakah itu membutuhkan perhatian khusus?
- Apakah keadaan membaik atau memburuk baru-baru ini?
- Halaman, perangkat, dan metrik mana yang perlu diprioritaskan?
Alat berikut disarankan untuk membantu Anda melakukan audit kualitas setinggi mungkin:
Dasbor CrUX
Alat ini memberikan gambaran umum tentang situs web yang mencakup metrik CWV. Ini juga menawarkan tren historis dan laporan demografis tentang pengguna.
Alat ini adalah titik awal yang baik. Setelah Anda memahami halaman mana yang mungkin perlu dioptimasi, langkah selanjutnya dalam audit adalah menggali lebih dalam untuk membuat daftar prioritas pengoptimalan halaman.
Konsol Pencarian
Google Search Console dapat membantu developer mengidentifikasi halaman yang memerlukan perhatian khusus berdasarkan metrik CWV melalui laporan Core Web Vitals.
Laporan ini dapat membantu Anda mengidentifikasi jumlah halaman dengan pengalaman pengguna yang buruk, mendapatkan metrik kinerja yang sangat terperinci, memahami apakah templat halaman perlu ditingkatkan, dan mengambil laporan yang berfokus pada kinerja desktop atau seluler.
Informasi tentang PageSpeed
Alat PageSpeed Insights Google disarankan untuk pengukuran lebih lanjut metrik UX pada halaman tertentu.
Pengembang dapat membandingkan skor individual untuk membuat daftar prioritas halaman yang memerlukan pengoptimalan CWV.
Setelah menyelesaikan pencarian, Anda dapat melanjutkan ke tahap verifikasi berikutnya.
Tinjauan Pendekatan B (Debugging dan Optimasi)
Google merekomendasikan agar developer berusaha menjawab pertanyaan berikut selama fase audit ini:
- Apa cara terbaik untuk mengoptimalkan halaman ini?
- Di mana buah-buahan yang mudah digantung yang bisa kita perbaiki terlebih dahulu?
- Perbaikan apa yang memerlukan lebih banyak perencanaan?
Ada tiga alat yang direkomendasikan untuk membantu Anda di bagian kedua audit Core Web Vitals Anda:
Mercusuar
Ini adalah alat yang sama yang digunakan untuk PageSpeed Insights, tetapi Anda juga dapat mengaksesnya menggunakan Chrome DevTools atau web.dev/measure.
Dengan Lighthouse, pengembang dapat mengidentifikasi pengoptimalan waktu muat untuk meningkatkan pengalaman pengguna.
Mercusuar dianggap sebagai alat untuk mengidentifikasi koreksi kecil sebelum beralih ke pengoptimalan yang lebih boros.
Ekstensi Vital Web
Sementara Lighthouse mengukur metrik hingga titik halaman dimuat dan tidak mencakup tampilan input pertama (FID), ekstensi web Vitals mengambil pengukuran selama interaksi pumur.
Alat ini juga mencakup FID dan CLS.
Chrome DevTools
Beberapa tindakan yang dapat Anda lakukan menggunakan alat ini termasuk melihat secara real-time dampak perubahan tata letak, menghapus kode yang tidak digunakan, dan menguji perubahan kode apa pun.
Jika perubahan dilakukan, Anda harus menjalankan ulang Pendekatan A untuk mengukur dampak pembaruan ini secara berkala.
Gambaran umum Pendekatan C (monitor dan kembangkan)
Setelah Anda melakukan kerja keras dan upaya untuk mengidentifikasi peluang pengoptimalan CWV dan mengimplementasikannya, penting bagi Anda untuk memantau kinerja dan melakukan pembaruan lebih lanjut jika diperlukan.
Seperti kebanyakan hal di ruang digital, ini bukan tentang melakukan tugas sekali, mencentangnya dari daftar, dan kemudian melupakannya.
Menurut sebuah penelitian yang dilakukan oleh Google, sebagian besar situs web yang meningkatkan kinerja situs melihat penurunan dalam waktu enam bulan.
Oleh karena itu, pelacakan regresi juga harus dilaporkan sehingga Anda dapat mengambil tindakan sedini mungkin untuk mempertahankan kinerja dan jadwal penyelesaian ketika pekerjaan tambahan mungkin perlu dijadwalkan.
Alat yang direkomendasikan untuk memfasilitasi pemantauan dan pengembangan meliputi:
- CrUX melalui BigQuery
- CrUX API
- PageSpeed Insights API
- Web-vitals.js
- Mercusuar-CI
Mengikuti strategi seperti ini tidak hanya membantu mengidentifikasi dan mengoptimalkan metrik Core Web Vital yang kurang baik, tetapi juga merupakan cara yang bagus untuk merencanakan strategi pengoptimalan dan memastikan orang lain di dalam departemen Anda dan perusahaan secara keseluruhan berada di halaman yang sama.
