Core Web Vitals Là Gì? Cách Tối Ưu Chỉ Số LCP FID Và CLS Cho Website

Mới đây, Google chính thức xác nhận Core Web Vitals là một yếu tố xếp hạng cho các kết quả tìm kiếm bắt đầu từ tháng 5/2021.

Vậy thì Core Web Vitals là gì và bạn đã biết những gì liên quan đến khái niệm này. Hãy cùng tìm hiểu chi tiết!

Core Web Vitals là gì?

Core Web Vitals hay Web Vitals là một tập hợp các yếu tố được Google đánh giá là quan trọng liên quan đến trải nghiệm của người dùng ( UX ) trên Website dựa vào 3 khía cạnh:

  • Speed: Tốc độ tải trang.
  • Interactivity: Tạm hiểu Thời gian tương tác.
  • Visual stability: Tạm hiểu là tính ổn định của bố cục website.
core web vitals là gì
Core Web Vitals chịu ảnh hưởng khá nhiều từ trải nghiệm của người dùng trên Website

Google đã từng nói qua một chút về khái niệm này:

“Core Web Vitals are a set of real-world, user-centered metrics that quantify key aspects of the user experience. They measure dimensions of web usability such as load time, interactivity, and the stability of content as it loads (so you don’t accidentally tap that button when it shifts under your finger – how annoying!)”

Tạm dịch:

“Core Web Vitals là một tập hợp các chỉ số trong thế giới thực, lấy người dùng làm trung tâm để định lượng các khía cạnh chính của trải nghiệm người dùng. Chúng đo lường các thứ nguyên về khả năng sử dụng web như thời gian tải, tương tác và tính ổn định của nội dung khi tải (vì vậy bạn không vô tình chạm vào nút đó khi nó di chuyển dưới ngón tay của bạn – thật khó chịu!) ”

Core Web Vitals được đánh giá dựa trên 3 chỉ số quan trọng gồm LCP – FID và CLS. Chúng ta có thể tìm thấy dữ liệu của nó trên trang web của mình trong phần “Chỉ số Thiết yếu về Trang web” của tài khoản Google Search Console.

core web vitals trong google search console
Chỉ số Core Web Vitals của Website trong phần Chỉ số thiết yếu của trang Web trong GSC

Các chỉ số hiệu suất cho mỗi thống kê Web Vital được phân loại theo ba kết quả:

  • Tốt (vượt qua)
  • Cần cải thiện
  • Kém

Core Web Vitals ảnh hưởng thế nào đến SEO?

Core Web Vitals là một chỉ số cực kỳ quan trọng trong trải nghiệm của người dùng trên Website. Google đã nhanh chóng chỉ ra rằng trải nghiệm trang là một trong số những yếu tố mà họ sử dụng để xếp hạng các trang web trong tìm kiếm.

Nó sẽ ảnh hưởng đến tất cả các kết quả tìm kiếm thông thường, thiết bị di động và máy tính để bàn, dựa trên các tiêu chí nhất định. Ngoài ra, đây cũng là tiêu chí để xuất hiện trong Web Stories của Google.

Những thứ như tốc độ trang, có thể là một tín hiệu nhỏ, nhưng khi người dùng trải nghiệm, nó có thể có ảnh hưởng lớn hơn. Các nghiên cứu của riêng Google cho thấy rằng đối với các trang đáp ứng các ngưỡng này của Core Web Vitals, khách truy cập có nguy cơ bỏ trang web thấp hơn 24%.

Mọi thứ đã tương đối rõ ràng, và câu chuyện của một SEOer là làm thế nào để tối ưu chỉ số Core Web Vitals trên Website của mình từ bây giờ đến tháng 5/2021.

Tìm hiểu chỉ số LCP – FID – CLS của Core Web Vitals

Các chỉ số tạo nên Core Web Vitals sẽ phát triển theo thời gian. Bộ hiện tại cho năm 2020 tập trung vào ba khía cạnh của trải nghiệm người dùng – Speed , Interactivity và Visual stability – và bao gồm các chỉ số sau:

  • LCP – Largest Contentful Paint
  • FID – First Input Delay
  • CLS – Cumulative Layout Shift

LCP – Largest Contentful Paint

Largest Contentful Paint ( LCP ) là thời gian từ khi bắt đầu tải trang cho đến khi khối nội dung lớn nhất trên màn hình được hiển thị đầy đủ. Chỉ số này sẽ đạt khi rơi vào mức dưới 2.5 giây và không đạt khi vượt quá 4 giây.

chỉ số lcp
Chỉ số LCP trong Core Web Vitals

FID – First Input Delay

First Input Delay ( FID ) là khoảng thời gian Website phản hồi lượt tương tác đầu tiên của người dùng. Chỉ số này sẽ đạt khi rơi vào mức thấp hơn 100 mili giây và không đạt khi vượt quá 300 mili giây

Chỉ số FID trong Core Web Vitals

CLS – Cumulative Layout Shift

Cumulative Layout Shift ( CLS ) là chỉ số đo lường các điểm thay đổi bố cục riêng lẻ cho mỗi lần thay đổi bố cục bất ngờ xảy ra trong toàn bộ thời gian tồn tại của trang. Chỉ số này sẽ đạt khi rơi vào khoảng dưới 0.1 và không đạt khi vượt quá 0.25

Chỉ số CLS trong Core Web Vitals

Hiểu một cách đơn giản hơn, khi bạn Click vào một phần tử bất kỳ trên trang. Nếu có bất kỳ một sự chuyển động vị trí nào liên quan đến bố cục ban đầu. Thì đó là một điểm trừ liên quan đến CLS: tính ổn định bố cục

Những công cụ đo lường chỉ số Core Web Vitals của Website

Google cung cấp khá nhiều những công cụ có thể hỗ trợ các Webmaster trong việc phân tích và đo lường được chỉ số thiết yếu của trang Web. Dưới đây là một số công cụ phổ biến nhất:

  • PageSpeed Insight
  • Chorme UX Report
  • Google Search Console
  • Chorme DevTools
  • Lighthouse
  • Web Vitals Extension
  • Đo lường bằng JavaScript

Hướng dẫn các đo lường Core Web Vitals bằng JavaScript

Cách dễ nhất để đo lường tất cả các Core Web Vitals là sử dụng thư viện JavaScript web-vitals

Với thư viện này , việc đo lường từng chỉ số đơn giản như việc gọi một hàm duy nhất:

import {getCLS, getFID, getLCP} from ‘web-vitals’;

function sendToAnalytics(metric) {
const body = JSON.stringify(metric);
// Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
(navigator.sendBeacon && navigator.sendBeacon(‘/analytics’, body)) ||
fetch(‘/analytics’, {body, method: ‘POST’, keepalive: true});
}

getCLS(sendToAnalytics);
getFID(sendToAnalytics);
getLCP(sendToAnalytics);

Cách tối ưu chỉ số Core Web Vitals

Cách tối ưu chỉ số LCP

  • Xóa mọi tập lệnh của bên thứ ba không cần thiết: nghiên cứu tốc độ trang gần đây cho thấy rằng mỗi tập lệnh của bên thứ ba làm chậm một trang đi 34 mili giây, chi tiết tại đây
  • Nâng cấp máy chủ lưu trữ web: Lưu trữ tốt hơn bằng tổng thời gian tải nhanh hơn (bao gồm cả LCP).
  • Thiết lập tải chậm ( Lazy load ) : Tải chậm hay còn gọi là Lazy Load, một cách SEO hình ảnh lên Google cực hiệu quả. Tính năng này hoạt động khiến hình ảnh chỉ tải khi ai đó cuộn xuống trang của bạn. Điều đó có nghĩa là bạn có thể đạt được LCP nhanh hơn đáng kể.
  • Xóa các phần tử trang lớn: Google PageSpeed ​​Insights sẽ cho bạn biết liệu trang của bạn có phần tử làm chậm LCP của trang hay không.
  • Giảm thiểu CSS: CSS cồng kềnh có thể trì hoãn đáng kể thời gian LCP

Cách tối ưu chỉ số FID

  • Giảm thiểu (hoặc trì hoãn) JavaScript: Người dùng gần như không thể tương tác với một trang trong khi trình duyệt đang tải JS lên. Vì vậy, giảm thiểu hoặc trì hoãn JS trên trang của bạn là chìa khóa cho FID.
  • Xóa mọi tập lệnh của bên thứ ba không quan trọng: Cũng giống như với FCP, các tập lệnh của bên thứ ba (như Google Analytics, bản đồ nhiệt, v.v.) có thể tác động tiêu cực đến FID.
  • Sử dụng bộ nhớ cache của trình duyệt: Điều này giúp tải nội dung trên trang của bạn nhanh hơn. Điều này giúp trình duyệt của người dùng của bạn vượt qua các tác vụ tải JS nhanh hơn.

Cách tối ưu chỉ số CLS

  • Sử dụng thứ nguyên thuộc tính kích thước đặt cho bất kỳ phương tiện nào (video, hình ảnh, GIF, đồ họa thông tin, v.v.): Bằng cách đó, trình duyệt của người dùng biết chính xác phần tử đó sẽ chiếm bao nhiêu dung lượng trên trang đó. Và sẽ không thay đổi nó ngay lập tức khi trang tải đầy đủ.
  • Đảm bảo các phần tử quảng cáo có không gian dành riêng: Nếu không, chúng có thể đột ngột xuất hiện trên trang, đẩy nội dung xuống dưới, lên hoặc sang một bên.
  • Thêm các phần tử giao diện người dùng mới dưới màn hình đầu tiên: Bằng cách đó, chúng không đẩy nội dung xuống mà người dùng “mong đợi” ở nguyên vị trí của nó.

Trên đây là một số thông tin về Core Web Vitals, yếu tố xếp hạng mới của Google kể từ tháng 5/2021. Những nội dung về việc tối ưu các chỉ số vẫn còn tương đối ít. Chúng tôi sẽ tiếp tục cập nhật trong bài viết này một cách sớm nhất.

NghiemVo
NghiemVo
Tôi là NghiemVo ( NghiemVoAw ) – một chuyên viên Digital Marketing với lĩnh vực chính là SEO Website. Với hơn 3 năm chinh chiến, tôi hi vọng có thể mang đến những cái nhìn tổng quan nhất cũng như tất tần tật những kiến thức, kinh nghiệm mà mình có được đến các bạn trẻ có đam mê với lĩnh vực này. Cùng với đó là những kiến thức SEO hay ho nhất được tôi "ăn cắp" về...

Leave a Reply

Your email address will not be published. Required fields are marked *