Vital Web Inti: Apa Itu dan Bagaimana Cara Mengujinya?

Terakhir Diperbarui pada 17 September 2020

Siapa pun yang menjalankan situs web tahu betapa pentingnya membuatnya beroperasi semulus mungkin. Situs yang lambat dan dibangun dengan buruk gagal menyampaikan rasa dapat dipercaya dan kredibilitas. Rata-rata pengguna web perlu merasakan hal ini sebelum merasa cukup nyaman untuk menggunakan situs Anda. Untuk membantu Anda dan pengembang web di seluruh dunia meningkatkan situs mereka dengan lebih baik, Google baru-baru ini merilis Core Web Vitals. Ini adalah program baru yang menyediakan serangkaian metrik untuk membantu menentukan kualitas dan pengalaman pengguna potensial di situs. Dalam artikel ini, kami akan memecah metrik utama, atau vital web, dan bagaimana Anda dapat mengujinya untuk menentukan bagaimana situs Anda berdiri.

Apa Vital Web Utama?

Saat menentukan kualitas layanan yang disediakan oleh sebuah situs, ada beberapa metrik yang harus ditinjau untuk mengembangkan gambaran yang jelas. Google telah mempersempitnya untuk pengembang web rata-rata. Mereka telah menentukan bahwa tiga metrik adalah komponen utama yang dapat digunakan untuk mengevaluasi situs. Ketiga metrik tersebut adalah Largest Contentful Paint (LCP), First Input Delay (FID), dan Cumulative Layout Shift (CLS).

Cat Contentful Terbesar adalah ukuran seberapa cepat halaman web Anda dimuat. Ini menandai titik di mana konten utama halaman tersebut telah diukur. Ini adalah ukuran berapa lama waktu yang dibutuhkan untuk memuat blok teks (atau gambar) terbesar di halaman Anda. Secara umum, Anda ingin cat contentful terbesar di situs Anda tidak lebih dari 2,5 detik untuk dimuat. Tentu saja, ini adalah poin yang layak dipertimbangkan selama desain web .

First Input Delay mengukur perilaku situs Anda saat pengguna berinteraksi dengan halaman. Ini melibatkan hal-hal seperti daya tanggap. Setiap kali pengguna mengklik halaman Anda, waktu yang dibutuhkan oleh situs web untuk merespons klik tersebut diukur dengan penundaan input pertama. Biasanya, apa pun yang lebih cepat dari 100 ms itu bagus, tetapi setelah itu, Anda perlu melakukan beberapa perbaikan.

Terakhir, Pergeseran Tata Letak Kumulatif mengukur stabilitas visual di halaman Anda. Ini adalah pengukuran kuantitatif dari jumlah pergeseran tata letak halaman yang tidak terduga. Untuk masing-masing dari tiga metrik ini, Anda ingin mencapai persentil ke-75 atau lebih baik dari semua pemuatan halaman. Ini akan dianggap "lulus" sejauh metrik ini dipertimbangkan.

Bagaimana Mengukur Vital Web Inti?

Kami telah menetapkan bahwa metrik ini sama pentingnya dengan kampanye SEO yang dijalankan dengan baik , jadi bagaimana pengukurannya? Karena Google menganggap inti web vital sebagai tulang punggung pengalaman pengguna, mereka telah berkomitmen untuk menyediakan alat untuk mengukurnya. Di bawah ini adalah tiga cara yang dapat digunakan untuk mengukur kinerja web vitals inti situs mereka.

Melalui Laporan Pengalaman Pengguna Chrome, Google mengumpulkan pengalaman pengguna nyata yang dianonimkan untuk setiap inti web vital. Ini berguna karena artinya aplikasi eksternal tidak perlu diatur terlebih dahulu. Bahkan, Google telah mengurusnya sebelumnya. Selain itu, alat seperti PageSpeed ​​Insights berjalan pada platform yang sama, yang berarti Anda dapat langsung menggunakannya.

Meskipun metode ini cukup mudah dan membutuhkan sedikit masukan dari Anda, analisis yang ditawarkan oleh metode ini tidak terlalu detail. Itu mengabaikan termasuk telemetri per tampilan halaman, antara lain. Ini akan membantu seseorang secara akurat mendiagnosis masalah potensial apa pun dengan halaman web.

Menggunakan JavaScript

Atau, seseorang dapat menggunakan JavaScript untuk menangani vital web inti. Cara termudah untuk memulai adalah dengan menarik entri JavaScript di perpustakaannya untuk web-vitals. Ini menyediakan API web siap pakai yang akurat. Selain itu, Toko Web Chrome menawarkan ekstensi, yang disebut Ekstensi Chrome Web Vitals , yang memungkinkan Anda melaporkan setiap web vital tanpa harus menulis kode apa pun.

Terakhir, seseorang dapat menggunakan alat lab untuk mengukur setiap vital web inti. Ini sangat membantu bagi mereka yang ingin mendapatkan gambaran tentang kinerja situs sebelum diluncurkan. Namun, bukan berarti metrik bidang dapat diabaikan. Pengalaman pengguna dipengaruhi oleh berbagai faktor. Contohnya termasuk kondisi jaringan dan program tambahan yang mungkin berjalan di sisi pengguna. Oleh karena itu, Anda sebaiknya memanfaatkan pengujian alat lapangan setelah situs Anda aktif dan berjalan. Ini adalah cara sederhana untuk memastikan semuanya baik-baik saja.

Metrik lain yang perlu diketahui

Sementara web vital inti yang tercakup adalah yang paling penting untuk dipertimbangkan, ada metrik kualitas web berharga lainnya yang perlu dipertimbangkan. Bagaimanapun, peningkatan apa pun pada kinerja situs dan kesenangan klien Anda terhadap sebuah situs. Langkah-langkah ini sering membantu dalam menyempurnakan diagnosis halaman web. Beberapa di antaranya termasuk langkah-langkah seperti Time to First Byte yang penting untuk pengalaman memuat pengguna di situs Anda, dan Time to Interactive, yang berguna jika Anda mengalami masalah dengan interaktivitas di situs Anda. Keduanya, meskipun penting, tidak dapat diukur di lapangan, dan karenanya, tidak diberikan status yang sama dengan vital web inti utama.

Ada Apa Dengan Lighthouse 6.0?

Jika Anda tertarik untuk mengevaluasi kualitas situs Anda, salah satu alat yang dapat membantu Anda memulai jika Anda mencari diagnosis cepat adalah Lighthouse. Program audit ini otomatis, dan tersedia di Chrome DevTools baik sebagai ekstensi yang tersedia melalui Toko Chrome atau sebagai Modul Node dan CLI.

Lighthouse versi terbaru menggabungkan penekanan Google pada vital web inti seperti FDI dan CLS dan memberikan evaluasi tentang kinerja situs Anda terkait dengan metrik tersebut. Sekarang, skor kinerja yang diberikan oleh Lighthouse terkait situs Anda telah diperbarui untuk menyertakan model-model baru ini, yang berarti bahwa model lama yang berbobot telah disesuaikan agar terlihat seperti ini sekarang:

Perubahan baru ini memiliki efek nyata pada evaluasi kinerja situs. Hanya 20 persen situs yang mengalami peningkatan skor evaluasi, sementara sekitar lima puluh persen dari semua situs mengalami penurunan skor lima poin atau lebih besar dengan skala tertimbang yang baru diterapkan.

Alat Pengembang Chrome

Chrome DevTools, seperti Lighthouse, telah mengalami beberapa perubahan baru untuk melayani pengembang web dengan lebih baik. Kepala di antara perubahan ini adalah perbaikan tab masalah, yang dalam iterasi sebelumnya sering mengalami masalah dan kekacauan. Selain itu, panel kinerja sekarang mencatat Waktu Pemblokiran Total di bagian bawah halaman setelah merekam kinerja pemuatan Anda. Alat ini mengukur berapa lama halaman tampak berfungsi tetapi sebenarnya tidak dapat digunakan saat ini karena pemblokiran JavaScript pada utas utama, mencegah input pengguna ditindaklanjuti oleh halaman. Terakhir, Dasbor UX Chrome sekarang mengelompokkan halaman berdasarkan vital web konten, memungkinkan pengguna untuk membandingkan kinerja situs mereka dengan pesaing mereka, serta industri secara keseluruhan.

Core Web Vitals, singkatnya, adalah ukuran pengalaman pengguna di halaman web. Ketika segala sesuatunya berkembang, kemungkinan besar akan berubah baik dalam cara kecil maupun signifikan. Saat Anda mengoptimalkan halaman web Anda, cobalah untuk menjaga vital web inti yang sehat, dan Anda pasti akan membuat mereka yang mengunjungi situs Anda puas.