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

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!

Tham khảo: Trang tổng hợp kỹ thuật SEO Onpage 2022

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 trên Website dựa vào 3 khía cạnh:

  • Largest contentful paint ( LCP ): Tạm hiểu là thời gian tải hoàn tất nội dung chính trên trang.
  • First input delay ( FID ): Tạm hiểu là thời gian tương tác đầu tiên trên website.
  • Cumulative layout shift ( CLS ): 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

Đây chắc chắn đang là một trong những hạng mục tối ưu SEO Onpage quan trọng bậc nhất hiện nay.

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 ngay từ bây giờ.

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

tối ưu core web vitals
Bạn đã biết cách tối ưu chỉ số Core Web Vitals cho Website?

Dưới đây là một số những cách các bạn có thể tham khảo để tối ưu được các chỉ số LCP, FID hay CLS của Website:

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.

Mọi thông tin đóng góp cho bài viết của AWSEO vui lòng để lại comment bên dưới bài viết!

Bài viết có hữu ích với bạn?

Hãy xếp hạng bài viết này!

Điểm đánh giá trung bình 0 / 5. Số lượt bình chọn: 0

Hãy là người đầu tiên đánh giá bài viết này!

About The Author

Leave a Comment

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

Scroll to Top