Tối ưu hóa Core Web Vitals và Page Experience

Tối ưu hóa Core Web Vitals và Page Experience

Core Web Vitals là gì?

Core Web Vitals là một tập hợp gồm các yếu tố cụ thể mà được Google coi là rất quan trọng trong việc trải nghiệm người dùng trong tổng thể của trang web. Core Web Vitals được tạo thành từ ba phép đo tốc độ trang cụ thể và tương tác của người dùng: màu sơn có nội dung lớn nhất, độ trễ đầu vào đầu tiên và sự thay đổi bố cục tích lũy.

Tối ưu hóa Core Web Vitals và Page Experience

Đó nằm trong mục Báo cáo tốc độ (Speed Report) trong trang web Google Search Console đã biến mất, thay bằng một mục khác có tên gọi Core Web Vitals report (Chỉ số thiết yếu về trang web).

Các bài viết liên quan:

Tối ưu hóa Core Web Vitals và Page Experience

Trên đây là giao diện trang quản trị mới nhất của Google Search Console: Nó xuất hiện thêm phần báo cáo Chỉ số thiết yếu của trang web (Core Web Vitals)

Nói tóm lại, Core Web Vitals là một tập hợp con các yếu tố sẽ là một phần của điểm “trải nghiệm trang” của Google (về cơ bản, cách Google định cỡ tổng thể UX trên trang của bạn).

Ta có thể hiểu một cách tổng quan như sau, Core Web Vitals là một tập hợp gồm các chỉ số thiết yếu của website nó bao gồm những khía cạnh liên quan đến việc trải nghiệm của người dùng trên một trang web.

Các tín hiệu của trải nghiệm trang là gì?

Tất cả các tín hiệu trải nghiệm trang sau đây đều được tính đến để đo lường “trải nghiệm trang tốt” trong  tìm kiếm của Google  :

  • Tính thân thiện với thiết bị di động : Trang của bạn được tối ưu hóa để duyệt trên thiết bị di động.
  • Duyệt web an toàn : Trang của bạn không chứa bất kỳ nội dung độc hại (phần mềm độc hại) hoặc gây hiểu lầm (lừa đảo).
  • Bảo mật HTTPS : Trang được cung cấp trong HTTPS.
  • Không có quảng cáo xen kẽ xâm nhập : Trang của bạn không được có các yếu tố cản trở nội dung chính của bạn ( chẳng hạn như cửa sổ bật lên bao gồm hầu hết nội dung ngay sau khi người dùng truy cập vào trang của bạn… thật khó chịu ).
  • Core Web Vitals : Trang cung cấp trải nghiệm người dùng tuyệt vời, tập trung vào các khía cạnh tải, tương tác và ổn định hình ảnh.

Và phần Core Web Vitals đang là một phần rất siêu quan trọng trong đó.

Trên thực tế, những đánh giá sẽ dựa trên thông báo và tên của chính nó, thật công bằng khi nói rằng các quan điểm web cốt lõi sẽ tạo nên phần lớn nhất trong số điểm trải nghiệm trên trang của bạn. Điều quan trọng là chỉ ra rằng điểm trải nghiệm trang tuyệt vời sẽ không đưa bạn lên vị trí số 1 trong Google một cách kỳ diệu. Ngoài thực tế, Google vừa nhanh chóng chỉ ra được rằng trải nghiệm trang là một trong số ( khoảng 200) các yếu tố mà họ sử dụng để xếp hạng những trang web trong những lần tìm kiếm.

Xem thêm Dịch vụ tối ưu UX,UI

Core Web Vitals bao gồm những gì?

Core Web Vitals là tập hợp những chỉ số được đo bởi công cụ Chrome UX Report và công cụ Google Search Console nhằm mục đích đánh giá performance của website và xếp hạng điểm SEO của Web. Mỗi một chỉ số dưới đây sẽ đại diện cho một phần khía cạnh về trải nghiệm của người dùng, tương ứng với các yếu tố xếp hạng dưới đây :

  • Loading: Tốc độ tải trang
  • Interactivity: Khả năng tương tác
  • Visual stability: Đây là tính ổn định khi hiển thị
Tối ưu hóa Core Web Vitals và Page Experience

Dưới đây là 3 chỉ số hình thành lên một Core Web Vitals, đó là:

Tối ưu hóa Core Web Vitals và Page Experience

3 chỉ số của Core Web Vitals

Theo các Google, nhữngchỉ số này đang giúp cải thiện trải nghiệm cũng như tính tương tác của người dùng trên website ngày càng tốt hơn.

Và việc thay đổi của Core Web Vitals sẽ tác động đến việc đáp ứng tốt nhất những mong muốn của người dùng trong trải nghiệm trên website.

LCP (Largest Contentful Paint)

LCP là chỉ số dùng để đo lường Thời gian tải hoàn tất nội dung chính sẽ được hiển thị đầu tiên khi trang tải xong. Nói cách khác: đó là thời gian từ việc nhấp vào một liên kết để xem phần lớn nội dung trên màn hình. Chỉ số LCP tốt phải đạt 2,5 giây hoặc nhanh hơn. Đây có thể là một thách thức đối với các trang web lớn mạnh. Hoặc những trang web có nhiều tính năng.

LCP có phần khác biệt với các phép đo tốc độ trang khác. Có nhiều chỉ số tốc độ trang khác (như TTFB và First Contextual Paint) không nhất thiết đại diện cho việc người dùng mở một trang web như thế nào.

Mặt khác, LCP sẽ tập trung nhiều vào những gì thực sự quan trọng khi nói đến tốc độ trang: khả năng xem và khả năng tương tác với trang của bạn.

Bạn  kiểm tra điểm LCP của mình bằng Google PageSpeed​Insights nhé.

Hiện tại LCP sẽ được tính thông qua việc tải hoàn tất của các thẻ sau trên trang:

  • Thẻ <img> hiển thị hình ảnh.
  • Thẻ <video> hiển thị nội dung video.
  • Thẻ <image> hiển thị hình ảnh.
  • Thành phần nền (background) sử dụng hàm url() trong CSS để tải bằng hình ảnh.
  • Các phần tử website kiểu khối (block) trong trang có chứa chữ bên trong.

Cùng với đó, dưới đây là một vài điều bạn có thể làm ngay để cải thiện LCP trang web của mình :

  • Xóa những tập lệnh của bên thứ ba kia không cần thiết: trong nghiên cứu về tốc độ trang dạo gần đây của chúng tôi chỉ ra thấy rằng mỗi tập lệnh của bên thứ ba sẽ làm chậm đi một trang 34 mili giây .
    • Hãy nâng cấp máy chủ mà đang lưu trữ web của bạn: Việc lưu trữ tốt hơn thì tổng thời gian tải sẽ nhanh hơn rất nhiều (bao gồm cả LCP).
    • Thiết lập lại việc tải chậm : Việc tải chậm khiến hình ảnh chỉ tải được khi ai đó đang cuộn xuống dưới trang web của bạn. Bạn có thể đạt được LCP nhanh hơn đáng kể đó nha.
    • 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 của bạn: CSS cồng kềnh có thể trì hoãn đáng kể thời gian LCP .

Dưới đây là một hình ảnh ví dụ bởi Google.

Tối ưu hóa Core Web Vitals và Page Experience

Ở trong hình phía trên, ta có thể thấy phần đoạn chữ đầu tiên hiển thị ra đang được đánh giá theo tiêu chuẩn theo dạng FCP, nhưng chỉ đến lúc mà hình ảnh đã được hiển thị trên cùng của website tải hoàn tất thì lúc đó nó mới được tính theo dạng chuẩn LCP.

Trường hợp website sẽ hiển thị logo trước trên cùng, nhưng sử dụng logo bằng thẻ <img><image> hoặc sử dụng hàm url() trong CSS thì nó vẫn sẽ được tính bằng chuẩn của LCP đo thời gian tải xong của thành phần này.

Xem thêm 10 bước để cải thiện UX trên mobile

Tối ưu hóa Core Web Vitals và Page Experience

Và nếu thành phần này hiển thị trên cùng của một website không có một hình ảnh nào, không có một video nào thì dĩ nhiên nó sẽ được áp dụng cho những phần tử trong website thuộc kiểu khối có chứa văn bản bên trong. Ví dụ ở ví dụ bên dưới, có một khu vực hiển thị chữ kiểu khối (thẻ <p>) thì LCP sẽ tính thành phần này.

Tối ưu hóa Core Web Vitals và Page Experience

Theo hiện tại thì theo chuẩn của Core Web Vitals, thì chỉ số của LCP phải ít hơn 2.5 giây cho việc hoàn tất tải một nội dung lớn trên website.

FID (First Input Delay)

Là thời gian người dùng sẽ phản hồi tương tác đầu tiên trên website. Chỉ số FID này cần được tối ưu để đạt dưới 100 mili giây.

Chỉ số là những gì FID đã đo lường: thời gian mà người dùng thực sự đã tương tác với trang của bạn.

Ví dụ về một số tương tác bao gồm:

  • Chọn một tùy chọn nào đó từ menu
  • Nhấp vào một trong các liên kết trong điều hướng của trang web bạn
  • Nhập vào box email của bạn vào một trường
  • Mở văn bản đàn trên thiết bị di động

Google coi chỉ số FID là rất quan trọng vì nó tính đến cách người dùng thực tế sẽ tương tác với các trang web .

Và giống như FCP, họ có các tiêu chí cụ thể về những gì tạo thành FID có thể chấp nhận được.

Tối ưu hóa Core Web Vitals và Page Experience

Về phần kỹ thuật, FID sẽ đo lường khoảng thời gian mà một điều gì đó xảy ra trên một trang. Vì vậy, cố thể hiểu, đó là điểm tốc độ trang. Nhưng nó đã vượt xa hơn một bước và nó đã đo thời gian người dùng thực sự làm điều gì đó trên trang của bạn.

Đối với một trang có 100% nội dung (như một bài đăng trên blog hoặc các bài báo), FID có lẽ không phải là vấn đề lớn. “Tương tác” thực sự duy nhất là cuộn xuống trang. Hoặc chụm để phóng to và thu nhỏ.

Xem thêm SEO và UX

Sau đây là một số điều mách bạn để có thể làm để cải thiện điểm FID của trang web.

  • Giảm thiểu tối đa (trì hoãn) JavaScript: Bởi người dùng hầu như không thể tương tác được với một trang web trong khi trình duyệt đang được 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 hết các tập lệnh của bên thứ ba nào đó mà không quan trọng: Cũng gần giống như với FCP, những 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 các bộ nhớ cache của trình duyệt: Điều này sẽ giúp tải nội dung trên trang của bạn lên một cách nhanh hơn. Điều này giúp sẽ giúp trình duyệt của người dùng của bạn vượt qua nhiều các tác vụ tải JS nhanh hơn.

CLS (Cumulate Layout Shift)

Điểm số này sẽ thay đổi bố cục ở dạng tích lũy. Hay chúng ta có thể hiểu đây là một chỉ số đo khối lượng layout của hình ảnh khi bị dịch chuyển đột ngột trên website. Chỉ số CLS tốt nhất mà mỗi website cần phải đạt được để có trải nghiệm tốt nhất là hãy dưới 0,1.

Việc dịch chuyển bố cục tích lũy (CLS) là tầm mức độ ổn định của một trang web khi tải (hay còn gọi là “độ ổn định hình ảnh”).

Hay các phần tử trên trang của bạn sẽ di chuyển xung quanh khi trang tải, thì bạn đã có CLS cao. Cái nào tệ.

Tối ưu hóa Core Web Vitals và Page Experience

Nếu bạn muốn các phần tử trong trang của mình ổn định khi tải lên. Bằng cách đó, người dùng sẽ không phải tìm hiểu lại vị trí của các liên kết, hình ảnh và các trường khi trang được tải đầy đủ. Hoặc bấm nhầm vào một cái gì đó.

Hình dưới là 3 tiêu chí cụ thể do Google đưa ra cho CLS:

Tối ưu hóa Core Web Vitals và Page Experience

Dưới đây là một số rất điều đơn giản mà bạn có thể làm để giảm thiểu CLS.

  • Sử dụng nguyên bả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.): Với cách đó, trình duyệt của người sử dụng có thể biết chính xác được phần tử đó đang chiếm bao nhiêu dung lượng của trang đó. Rằng nó cũng không thay đổi một cách ngay lập tức khi bạn đang trang tải đầy đủ.
  • Đảm bảo rằng các phần tử quảng cáo luôn có không gian dành riêng: Nếu không có, khi chúng có thể đột ngột xuất hiện trên trang, đẩy những nội dung xuống dưới, lên trên hoặc sang một bên.
  • Thêm những phần tử của giao diện người dùng mới nhất dưới màn hình đầu tiên: Chỉ bằng cách đó, chúng sẽ không thể đẩy nội dung xuống mà người dùng “mong đợi” sẽ được ở nguyên một vị trí của nó.

VD: CLS sẽ đo lường bao nhiêu thành phần được dịch chuyển mỗi lần tải trang hoàn tất, hay sự ổn định của bố cục website.

Điểm số CLS sẽ được đo với công thức như sau:

CLS = impact fraction * distance fraction

Trong đó, Impact Fraction là phần bị tác động của đối tượng sau khi việc dịch chuyển xảy ra. Đây là một VD Google cho ta thấy như sau:

Tối ưu hóa Core Web Vitals và Page Experience

Bạn có thể nhìn thấy rõ phần chữ ở trạng thái ban đầu đã không thay đổi, nhưng sau khi có sự kiện nào đó xảy ra khiến nó bị dịch chuyển xuống một chút. Khu vực chữ hiển thị đầu tiên cho đến khi nó bị dịch chuyển được gọi là Impact Fraction.

Xem thêm Tốc độ website là một yếu tố xếp hạng

Phần đã bị dịch chuyển ở trên nó tương ứng với khoảng 25% trong tổng cả khu vực bị tác động, nên được quy đổi thành 0.25, hay phần đó sẽ được gọi là Distance Fraction. Còn phần còn lại là Impact Fraction, 75% nó tương ứng với 0.75.

Theo VD trên thì : CLS = 0.75 * 0.25, tương ứng 0.1875. Đối với Google, điểm CLS của website bạn chỉ nên thấp hơn 0.1.

Và đây là tốc độ load của một trang web tốt mà bạn nên tham khảo:

Dưới 1 giây = hoàn hảo
1-3 giây = trên trung bình
3 – 7 giây = trung bình
Hơn 7 giây = rất kém

Các điểm chuẩn này dựa trên các nghiên cứu cho thấy 47% mọi người mong đợi một trang web tải xuống dưới hai giây và 57% khách truy cập sẽ từ bỏ một trang mất 3 giây trở lên để tải.

Bạn hãy chú ý đến các files Javascript và các Files ảnh. Bạn sẽ có thể tối ưu tốc độ tải trang nhiều nhất mà không làm thay đổi các trải nghiệm nào của người dùng. Chúng ta hãy cũng bắt đầu bằng những yếu tố tác động lớn nhất đến việc load web.

11 bước để tối ưu hóa Core Web Vitals và Page Experience

1. Hãy sử dụng CDN (Đây là mạng phân phối nội dung)

Lưu trữ files của bạn trên mạng phân phối nội dung là một trong những cách tốt nhất để tăng tốc trang web của bạn và thường có thể tiết kiệm tới 60% băng thông và giảm một nửa số yêu cầu mà trang web của bạn đưa ra.

CDN hoạt động bằng cách lưu trữ các tệp của bạn trên một mạng lưới máy chủ lớn trên toàn thế giới. Một khi người dùng truy cập vào trang web của bạn từ nước nào đi nữa, khi họ đang tải xuống các tệp từ những máy chủ gần họ nhất. Bởi nhiều băng thông được trải rộng trên rất nhiều máy chủ khác nhau, nó sẽ khiến giảm tải trên bất kỳ máy chủ nào và cũng sẽ bảo vệ các trang web của bạn khỏi những tấn công DDoS và sẽ tăng lưu lượng truy cập.

Chúng tôi đã thử nghiệm một vài CDN tại website Trần Nam Phong, bao gồm MaxCDN, Cloudwatch, Static DNA và Cloudflare. Và hiện tại chúng tôi tôi đang sử dụng Cloudflare bởi vì nó đã có máy chủ tại Việt Nam và cho phép sử dụng miễn phí.

2. Chọn sử dụng Hosting chất lượng

HIện tại đã có rất nhiều các phân tích và đã thử nghiệm để tìm ra web hosting tốt nhất trên thị trường, thì có 9/10 web hosting chúng tôi đã thử nghiệm và có thời gian phản hồi là từ 600ms – 1300ms. Thời gian mà đáp ứng của WP Engine là 293ms. Đúng vậy, nó không phải là giải pháp tối ưu lưu trữ web rẻ nhất (với $29/tháng), nhưng đó là một trong các công ty lưu trữ website WordPress tốt nhất. Họ đã làm cải tiến rất nhiều về bảo mật và cả quy trình làm việc cũng như những tối ưu cho hệ thống, chúng tôi rất hài lòng khi lưu trữ WP ở đây.

3. Sử dụng caching plugin

Nếu bạn sử dụng WordPress, một trong những cách nhanh nhất và dễ nhất để giảm tốc độ tải trang của bạn là cài đặt một caching plugin như WP Total Cache hoặc WP Super Cache. Tất nhiên, nếu bạn đang sử dụng WP Engine, bạn không cần cài đặt những plugin này vì chúng có bộ nhớ đệm tích hợp.

Nếu bạn cần một Plugin tăng tốc độ WordPress khác thì có thể tham khảo WP Rocket. Đây có lẽ là một plugin phải trả phí nhưng bạn sẽ khiến bạn không hề hối tiếc khi mua plugin này. Bạn có thể rủ các công ty mua chung Plugin này để sử dụng, vì key bản quyền WP Rocket có thể sử dụng được cho nhiều web.

4.Thêm Expires headers để tận dụng bộ nhớ đệm trình duyệt

Nếu bạn không sử dụng WordPress, hoặc bạn không muốn cài đặt một plugin khác để thêm Expires headers và bộ nhớ đệm trình duyệt, thì đây là cách thực hiện thủ công.

Expires headers dành cho các trình duyệt biết có yêu cầu một tệp cụ thể từ máy chủ web hay không hoặc có hay không việc nhận phiên bản của một trang từ bộ đệm cache của trình duyệt. Dĩ nhiên, điều này chỉ áp dụng cho việc người dùng đã từng truy cập trang vào web của bạn và những lần sau họ truy cập vào thì website sẽ tự động lấy dữ liệu trong bộ nhớ cache của họ. Việc nầy sẽ làm giảm được số lượng yêu cầu mà HTTP cần được thực hiện, và nó giúp tăng lên tốc độ tải trang.

Thêm Expires headers là cực kỳ dễ dàng. Bạn chỉ cần có quyền truy cập vào hosting để sửa đổi files .htaccess. Bạn chỉ việc thêm đoạn mã sau vào files .htaccess trong website của bạn.

ExpiresActive On

# Images
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType image/webp “access plus 1 year”
ExpiresByType image/svg+xml “access plus 1 year”
ExpiresByType image/x-icon “access plus 1 year”

# Video
ExpiresByType video/mp4 “access plus 1 year”
ExpiresByType video/mpeg “access plus 1 year”

# CSS, JavaScript
ExpiresByType text/css “access plus 1 month”
ExpiresByType text/javascript “access plus 1 month”
ExpiresByType application/javascript “access plus 1 month”

# Others
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”

5. Hãy chú ý sử dụng những theme tốt (nếu sử dụng WordPress)

Việc phòng chống bệnh thường là một chiến lược tốt hơn việc chữa bệnh. Để ngăn chặn những vấn đề về tốc độ trang thì đầu tiên bạn hãy lựa chọn một máy chủ tốt, CDN cũng tốt và theme thiết kế tốt.

Đây là một phần nhà tiếp thị kỹ thuật số, và chắc chắn bạn sẽ rất bực bội nếu như thiết kế web xây dựng các trang web trông đẹp nhưng hoạt động ì ạch load rất lâu nếu nhìn nhìn từ góc độ SEO hoặc quan điểm tốc độ.

6.Hãy nén hình ảnh của bạn với công cụ WP Smush.it

Nếu bạn đang lựa chọn sử dụng WordPress, hãy cài đặt plugin WP Smush.it để luôn tự động nén hình ảnh của bạn. Điều này sẽ  giúp làm giảm kích thước hình ảnh của bạn mà không hề làm giảm chất lượng hình ảnh đó. Đây là một điều rất tuyệt vời về plugin này là nó hoạt động ở nhiều chế độ nền mỗi khi bạn tải lên một hình ảnh mới. Và bạn cũng có thể tự tối ưu hóa cho tất cả các hình ảnh mà được tải lên trong mục thư viện hình ảnh của bạn.

7.Nên dọn dẹp các cơ sở dữ liệu của bạn

Đây vốn là một trong những khó khăn với WordPress cơ sở dữ liệu của bạn vẫn có thể trở nên rất là lộn xộn rất nhanh bởi các bản nháp đã được lưu, hay sửa đổi bài đăng, plugins mà bạn đã không còn sử dụng nữa… WP Optimize đang là một plugin tuyệt vời giúp tối ưu hóa cơ sở dữ liệu.

Xem thêm Các công cụ hỗ trợ tăng tốc độ website

8.Nén trang web của bạn bằng gzip

Gzip là một phương pháp đơn giản để nén các tập tin trang web của bạn để tiết kiệm băng thông và tăng tốc thời gian tải trang. Gzip hoạt động theo cơ chế nén các tệp của bạn thành tệp zip, tốc độ tải nhanh hơn cho trình duyệt của người dùng. Trình duyệt người dùng sau đó sẽ được giải nén tệp và hiển thị nội dung. Phương pháp này sẽ truyền nội dung này từ máy chủ đến trình duyệt một cách hiệu quả hơn nhiều và tiết kiệm rất nhiều thời gian.

Bạn có thể bật Gzip và Enable Keep-Alive bằng cách thêm mã sau vào tệp .htaccess của bạn:

Header set Connection keep-alive

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

SetOutputFilter DEFLATE

Để kiểm tra xem Gzip đã được bật hay hoạt động đúng trên trang web của bạn hay chưa, bạn có thể sử dụng Gziptest.com.

9.Hãy khắc phục tất cả các liên kết bị hỏng

Các liên kết đã và đang bị hỏng không chỉ làm hao mòn nhiều băng thông, mà chúng còn khiến người dùng khó chịu và là một trong những cách chắc chắn nhất để khiến người dùng rời khỏi trang web của bạn. Gàn đây một trong các khách hàng của chúng tôi đã có hàng trăm lỗi 404 hiển thị trong công cụ Google Search Console của Google. Sau khi sửa xong tất cả những lỗi này, những trang web trung bình được truy cập trên mỗi người dùng đã được tăng từ 1,4 lên 1,85 trang/1 lượt truy cập và giảm tỷ lệ thoát bị giảm đáng kể.

Để tìm hiểu các liên kết bị hỏng của bạn, bạn nên sử dụng các công cụ sau:

Lý do tại sao tôi khuyên bạn nên sử dụng cả ba, là bởi vì khi sử dụng cả 3 công cụ bạn sẽ biết được chính xác các lỗi mà website đang gặp phải giúp bạn khắc phục dễ dàng hơn. Khi bạn đạt được 0 liên kết bị hỏng trên cả ba công cụ, công việc của bạn đã hoàn tất!

10. Thay thế PHP bằng HTML tĩnh khi có thể

PHP là một cách tuyệt vời để làm cho trang web của bạn trở nên hiệu quả và giảm nhu cầu nhập vào cùng một thông tin rất nhiều lần. Tuy nhiên, việc gọi thông tin qua PHP được sử dụng hết các tài nguyên từ máy chủ và nó nên được thay thế bằng các đoạn HTML tĩnh để tăng tốc load cho website.

11.Giảm thiểu thời gian truy vấn (RTT)

Hiểu rằng thời gian khứ hồi là thời gian để khách hàng gửi những yêu cầu và máy chủ sẽ trả lời yêu cầu. Nó sẽ bị ảnh hưởng bởi các yếu tố, nhưng chủ yếu của nó là bị ảnh hưởng bởi số lượng yêu cầu đang được gửi đi. Như số lượng yêu cầu HTTP đang được thực hiện.

Page Experience Optimization

Vào lần update mới nhất vào cuối tháng 05/2020 vừa rồi, thì Google đã công bố Page Expericence sẽ trở thành một trong những yếu tố xếp hạng mới nhất và sẽ được áp dụng chính thức trong năm 2021 và những năm tiếp theo. 

Cạnh đó, Google cũng đã cho biết rằng thuật toán Page Expericence mới này sẽ là một yếu tố xếp hạng cho mục Top Stories (Câu chuyện hàng đầu) trên các thiết bị di động và sự ưu tiên về AMP sẽ không còn nữa. 

Và gần đây nhất với sự xuất hiện của chỉ số Core Web Vitals, thuật toán Page Expericence đã bao gồm các chỉ số của Core Web Vitals (mới) cùng  rất nhiều các tín hiệu khác trải nghiệm người dùng đã được áp dụng trước đó. Cụ thể nhất là với 5 tín hiệu đo lường sau:

  • Core web vitals: LCP, FID, CLP
  • Mobile friendly: Nó thân thiện với các thiết bị di động
  • Safe browsing: Việc lướt website an toàn
  • HTTPS: Bảo mật https
  • Mobile popup algorithm/No intrusive interstitials: Các Quy tắc quảng cáo đan xen (sự xuất hiện của popup,…)
Tối ưu hóa Core Web Vitals và Page Experience

Thêm vào đó có một số thông tin quan trọng đến từ ông lớn Google, họ có thể sẽ gắn thêm những nhãn chỉ số để thể hiện chất lượng Page Expericence của các website trên các kết quả tìm kiếm vào năm 2021.

Dẫu vậy, thực tế có khá nhiều website không đủ tiêu chuẩn để được gắn nhãn này. Bởi theo một nghiên cứu mới nhất cho thấy chỉ có khoảng dưới 15% trang web đủ tiêu chuẩn để vượt qua bài test về chỉ số Core Web Vitals của Google. 

Những công cụ hỗ trợ check chỉ số Core Web Vitals

Bạn hãy xem báo cáo chỉ số về Core Web Vital cho website của mình tại link dưới này  https://web.dev/ hoặc bằng trong 6 công cụ này nhé: PageSpeed Insights, Chrome DevTools, Lighthouse, Google Search Console, Chrome UX Report hoặc Web Vitals Extension.

Tối ưu hóa Core Web Vitals và Page Experience

Nhìn bảng trên, chúng ta có thể dễ dàng nhận thấy những hiệu quả khác biệt giữa các công cụ khác nhau khi check Chỉ số thiết yếu về trang web. Một số tool mà trong đó sử dụng các dữ liệu hiện trường (Field Data) từ các trải nghiệm một cách thực tế của người dùng, một số khác lại dựa trên mặt hiệu suất mô phỏng hành vi của người dùng trong phòng thí nghiệm.

Đây là nơi mà nững chỉ số FID sẽ được thay thế bằng TBT – Total Blocking Time ( là tổng thời gian để ngăn chặn phản hồi đầu vào của người dùng) đó là các chỉ số đã được đo dựa trên các dữ liệu mô phỏng của phòng thí nghiệm.

Theo như Google đã nhận định, những công cụ sử dụng dữ liệu trên hiện trường Field Data sẽ là một trong những lựa chọn tốt và nó sẽ được sử dụng để làm tín hiệu cho việc xếp hạng cho trang web của bạn.

Những đánh giá nhanh chóng về những công cụ đo lường chỉ số Core Web Vitals phía trên:

  • Google Search Console: Luôn mang đến các góc nhìn tổng quan về các báo cáo quản lý các Chỉ số thiết yếu trong một trang web
  • Chrome DevTools & Lighthouse: Hỗ trợ các webmaster để tìm hiểu sâu hơn và thực hiện công việc tối ưu hóa hơn trong thực tế.
  • Chrome UX Report & Web Vitals Extension: công cụ này đánh giá nhanh về những hiệu quả trải nghiệm trên website.

Xem thêm Kỹ thuật SEO whitehat

Quý khách có thể tham khảo hơn ở các dịch vụ do websitehcm.com cung cấp như: dịch vụ seo, dịch vụ viết content , dịch vụ chăm sóc website, thiết kế web giá rẻ

Leave a Reply