Cách sử dụng Báo cáo UX của Chrome để cải thiện hiệu suất trang web của bạn

Tận dụng Báo cáo UX của Chrome để đảm bảo hiệu suất cao nhất cho trang web của bạn với hướng dẫn trong bài viết sau.

Đo lường thành công trong hiệu suất trang web là một nhiệm vụ khó khăn đối với các chủ doanh nghiệp nhỏ.

Có thể dễ dàng áp dụng cùng một cách tiếp cận hiệu quả khi đánh giá khả năng tồn tại trong toàn công ty.

Đen trắng, những con số cơ bản và nhanh. Kết quả.

Sự thật về hiệu suất trang web là sự khám phá nhiều lớp về RUM (Phép đo người dùng thực) trong ngữ cảnh của web nói chung.

>> Tham khảo: Trí tuệ nhân tạo trong chương trình tiếp thị.

Nhìn vào RUM chẳng hạn như hiệu suất, tải trang và số lần xem trang cung cấp một bức tranh chi tiết về dữ liệu cứng.

Tuy nhiên, dữ liệu RUM chỉ là một phần của phương trình lớn hơn để đo lường tác động và thành công của trang web.

1. CrUX của vấn đề: Trạng thái của web do người dùng thực có kinh nghiệm

Để thực sự cung cấp thông tin và cung cấp dữ liệu có thể hành động, bạn phải cân bằng trải nghiệm của người dùng trên trang web của mình trong phạm vi trải nghiệm người dùng trên internet.

Việc lùi lại cho phép các doanh nghiệp hiểu hiệu suất trang web của họ và biết các chỉ số đó tiếp cận ở đâu trong một loạt các thông số.

Đây là lúc Báo cáo Chrome UX đi vào cuộc tranh cãi.

2. Làm cho dữ liệu hiệu suất web trên quy mô rộng có thể tiếp cận được với quần chúng

Được Google thiết lập lần đầu tiên vào năm 2017, Báo cáo Chrome UX là một tập dữ liệu có sẵn công khai về các phép đo của người dùng thực.

Còn được gọi là báo cáo CrUX, nó thu thập dữ liệu hiệu suất trang web cho người dùng Chrome từ hàng triệu trang web.

Nếu dữ liệu đó chỉ được biên dịch, nó sẽ là một nguồn tài nguyên đáng kinh ngạc – nhÆ°ng khó sá»­ dụng -. Tuy nhiên, khi được ghép nối với chÆ°Æ¡ng trình phù hợp, dữ liệu sẽ được chuyển đổi.

Khi được sử dụng đúng cách, Báo cáo CrUX biến một bộ sưu tập khổng lồ dữ liệu hiệu suất web thành một tài nguyên rõ ràng và có thể truy cập được.

Để hiểu rõ hơn về dữ liệu được biên soạn trong Báo cáo CrUX và cách tốt nhất để sử dụng nó, chúng ta cần lùi lại.

Đã đến lúc xem lại Các quan điểm web cốt lõi của Chrome.

>> Tham khảo: Cách tìm nhân sự content tài năng.

3. Trải nghiệm trang và trải nghiệm người dùng là kết quả trực tiếp của sức khỏe của trang web

Google luôn tìm kiếm những cách thức tiên tiến và sáng tạo để cung cấp cho người dùng trải nghiệm trực tuyến mượt mà, sắc nét.

Nền tảng quan trọng của nỗ lực đó là công việc của Google trao quyền cho chủ sở hữu trang web để tối đa hóa trang web của họ.

Khi chủ sở hữu trang web cung cấp các trang web thân thiện với người dùng, có lợi một cách hiệu quả, tất cả mọi người đều chiến thắng.

Tuy nhiên, cách duy nhất để đạt được thành công trong nỗ lực là phải biết các quy tắc và tiêu chuẩn là gì.

Vào tháng 5 năm 2020, Google đã phát hành một bộ số liệu mới để giúp đánh giá hiệu suất trang web vì nó ảnh hưởng đến trải nghiệm người dùng.

Đây là những Core Web Vitals của nó.

Mục đích là để loại bỏ các chi tiết nhỏ và tùy tiện làm vẩn đục nước.

Để làm như vậy, Google đã thu hẹp điểm trải nghiệm người dùng của một trang web thành ba phép đo cốt lõi:

• LCP (Hình ảnh có nội dung lớn nhất).
• FID (Độ trễ đầu vào đầu tiên).
• CLS (Dịch chuyển bố cục tích lÅ©y).

Core Web Vitals được gắn vào vai trò quan trọng của trải nghiệm trang trong trải nghiệm người dùng mở rộng hơn.

Google xác định trải nghiệm trang như thế nào?

Theo mục đích của nó, trải nghiệm trang đo lường cách người dùng cảm nhận trải nghiệm của họ khi tương tác với một trang web riêng lẻ.

Dựa trên điều đó, họ định nghĩa CWV 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. Họ đ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. “

Khi được hợp nhất, ba yếu tố của Core Web Vitals – LCP, FID và CLS – mang lại thông tin chi tiết mạnh mẽ.

>> Tham khảo: Số liệu và phân tích tiếp thị nội dung.

Nhìn chung, kết quả CWV cung cấp bức tranh chính xác về trải nghiệm trang của người dùng trên một trang web riêng lẻ.

Trải nghiệm trang này cuối cùng xác định trải nghiệm người dùng của họ nói chung khi sử dụng công cụ tìm kiếm của Google.

Một năm sau thông báo ban đầu, nó đã được thực hiện vĩnh viễn.

Google đã hoàn thiện việc tích hợp các chỉ số mới với việc đưa vĩnh viễn Core Web Vitals vào thuật toán của mình.

Core Web Vitals có tốc độ trang web, khả năng phản hồi và độ ổn định trực quan. Tuy nhiên, cần lưu ý rằng chúng là một phần của một bức tranh rộng lớn.

Thuật toán tìm kiếm của Google luôn phát triển, một thách thức đòi hỏi sự cảnh giác của các nhà điều hành SEO chuyên nghiệp.

Đã từng có hơn 200 yếu tố xếp hạng.

Ngày nay, một số được coi trọng hơn nhiều và được nghiên cứu trong toàn ngành.

Những yếu tố này tiếp tục phát triển khi Google thích ứng với dữ liệu mới và hành vi của người dùng.

Cách tốt nhất là xem xét các yếu tố xếp hạng của nó hàng năm.

4. Phá vỡ thuật toán tìm kiếm của Google

Mặc dù truyền thuyết đã bao phủ trong nhiều năm, nhưng thuật toán tìm kiếm của Google vẫn có một nền tảng vững chắc.

Nó được củng cố bởi cam kết của công ty trong việc đảm bảo trải nghiệm tìm kiếm trơn tru và hiệu quả cho tất cả người dùng.

Google liên tục tạo ra thuật toán tìm kiếm của mình quanh năm để đáp ứng tốt nhất nhu cầu hiện tại và tương lai của dân số toàn cầu.

Thuật toán tìm kiếm của Google tập trung vào nhiều yếu tố thường xuyên biến động.

Để đáp lại, ngành công nghiệp SEO đã liên tục mài dũa các yếu tố chính cần tập trung hàng năm trong các báo cáo UX của mình.

Biết nơi ưu tiên tập trung của bạn khi thiết kế trang web của bạn giúp bạn đạt được sự hiện diện tối ưu trong bảng xếp hạng.

Những điều này có thể bao gồm, nhưng không giới hạn ở:

• Core Web Vitals.
• Nội dung chất lượng cao.
• Xuất bản nhất quán.
• Có độ sâu, độ tÆ°Æ¡i và độ chính xác.
• Tuân theo Nguyên tắc E-A-T và YMYL.
• Tối Æ°u hóa trên trang.
• Cam kết của người dùng.
• Xây dá»±ng liên kết / CÆ¡ quan quản lý miền.

• Chiến lược Từ khoá Hiệu quả (Thẻ Tiêu đề Meta).
• Tính thân thiện với thiết bị di động.
• Các phiên bản dành cho thiết bị di động được Æ°u tiên.
• Mục đích tìm kiếm.
• Liên kết nội bộ.
• Tìm kiếm Video (bao gồm Đánh dấu Clip và Đánh dấu Tìm kiếm).
• Bảo mật trang web HTTPS.
• Đoạn trích nổi bật.

5. Tìm hiểu sâu vào các quan trọng web cốt lõi

Thật tuyệt khi hiểu được vai trò của trang và trải nghiệm người dùng trong việc hình thành các chỉ số bao gồm CWV.

Đối với những người đang tìm cách tối đa hóa Báo cáo Chrome UX vì lợi ích của công ty họ, hiểu biết toàn diện là rất quan trọng. Điều quan trọng là phải hiểu vai trò của các yếu tố riêng lẻ của CWV.

LCP

Sơn có nội dung lớn nhất đo lường hiệu suất tải của một trang.

Chỉ số LCP định lượng điều này bằng cách đánh giá lượng thời gian cần để tải phần nội dung lớn nhất (video, hình ảnh, khối văn bản, v.v.) kể từ thời điểm người dùng yêu cầu URL.

Google khuyến nghị rằng các trang web giữ LCP dưới 2,5 giây cho 75% tải trang của họ.

FID

Độ trễ đầu vào đầu tiên đo lường mức độ tương tác của một trang.

Chính xác hơn, đó là khoảng thời gian giữa một hành động đến khi trình duyệt phản hồi lại hành động đó.

Từ thời điểm nhấp vào liên kết, nút hoặc phần tử có thể hành động khác đến thời điểm chính xác trang phản hồi, chuyển trang web từ tĩnh sang tương tác.

Google khuyến nghị rằng các trang web nên giữ FID của họ dưới 100 mili giây cho 75% số lần tải trang.

CLS

Sự thay đổi bố cục tích lũy đo lường mọi thay đổi bố cục xảy ra trên một trang web.

Nó bắt đầu bằng số 0 (không dịch chuyển), tăng dần đến một số dương (tương quan với tổng lượng dịch chuyển).

Các yếu tố dẫn đến thay đổi bao gồm từ sự xuất hiện của các nút, hình ảnh buộc khối văn bản di chuyển và quảng cáo biểu ngữ thả xuống.

Google khuyến nghị các trang web phấn đấu đạt điểm CLS từ 0,1 trở xuống.

Tóm tắt lại một học thuyết trọng tâm, người ta có thể lập luận một cách đơn giản: Tốc độ chiến thắng.

Trong bối cảnh trải nghiệm người dùng, hiệu suất của trang web là không thể thiếu; nó được đánh giá và đo lường với độ chính xác.

Đây là mấu chốt của chỉ số SI (Chỉ số tốc độ): Nội dung của trang được hiển thị trực quan nhanh như thế nào.

Tốc độ phân phối và hiệu suất của thông tin / nội dung được phân phối có khoảng thời gian cực kỳ ngắn để thu phục người dùng.

Điểm SI thưởng cho những trang tải nhiều dữ liệu trong khoảng thời gian ngắn nhất, dẫn đến trải nghiệm người dùng tốt hơn.

>> Tham khảo: Trực quan hóa thông tin trên Twitter với các công cụ mới của Đại học Indiana.

6. Nhận thức và mối quan hệ duy nhất của LCP và CLS

Bất cứ ai đã từng tương tác với một trang web đều biết nỗi đau của việc chờ đợi một trang web tải đầy đủ.

Đối với các cựu chiến binh Internet dày dạn kinh nghiệm, những ký ức thực sự khó khăn vẫn còn lại trong kỷ nguyên quay số đáng sợ.

Những người sống sót sau thời kỳ đen tối đó có thể nghe thấy âm thanh kết nối internet America Online (AOL) trong giấc ngủ của họ.

Mỹ đang từng bước triển khai mạng di động 5G và internet không dây 5G.

Kết quả là, tốc độ nhanh như chớp tác động đến mọi khía cạnh của cuộc sống hiện đại; tốc độ là kỳ vọng.

Khi khách truy cập gặp phải thời gian trễ đáng kể khi đợi trang web của bạn tải, điều này gây ra hậu quả nghiêm trọng.

Nó tác động tiêu cực đến nhận thức của họ về thương hiệu của bạn và thường khiến họ rời bỏ hoàn toàn.

Trong nỗ lực của Google nhằm xác định hoạt động bên trong của hiệu suất trang, quá trình tải nội dung có ảnh hưởng đáng kể.

LCP nghe có vẻ đáng sợ, nhưng nó khá đơn giản.

Về cốt lõi, nó đặt câu hỏi: Nội dung có ý nghĩa nhất của một trang web được tải nhanh như thế nào?

Nội dung này có thể bao gồm các yếu tố khác nhau, bao gồm hình ảnh, thẻ hình ảnh, hình thu nhỏ video, hình nền với CSS và văn bản.

LCP nhấn mạnh tầm quan trọng của nhận thức của người dùng.

Khi nào một trang web bắt đầu quan trọng đối với khách truy cập? Khi phần tử có ý nghĩa, dễ nhìn thấy nhất xuất hiện.

Khoảng cách giữa thời điểm người dùng nhấp lần đầu tiên để bắt đầu một trang và khi họ lần đầu tiên nhìn thấy nội dung cốt lõi có thể cảm thấy như vĩnh viễn.

Do tính chất tức thời và quan trọng của lần tương tác đầu tiên này, Google đề xuất nội dung của một trang riêng lẻ tải trong 2,5 giây hoặc ít hơn.

Nỗ lực tập trung để giảm thiểu LCP cho phép khách truy cập xem và trải nghiệm trang web nhanh hơn!

Và điều này thật tuyệt.

Đó là nền tảng để có được trải nghiệm người dùng chất lượng và xứng đáng giành được vị trí của mình như một trong những Sức mạnh Web cốt lõi. Nhưng sau đó thì sao?

Nếu trang web tải đối với khách truy cập là một tương tác khó chịu, thì lời hứa về LCP nguyên sơ đó sẽ bị phủ nhận.

Ở đây, sự kiện trải nghiệm người dùng được đo lường dưới dạng CLS tự nhận biết.

Tương tự như LCP, nhận thức của người dùng là trung tâm của tầm quan trọng của CLS.

CLS định lượng mức độ ổn định trực quan của một trang, đo lường mức độ thay đổi bất ngờ của một trang trong suốt thời gian tồn tại của trang.

Trọng tâm ở đây là tổng thể và mức độ thay đổi bất ngờ mà khách truy cập trải nghiệm.

Bất kể khách truy cập dành bao lâu trên một trang, họ sẽ mong đợi một trải nghiệm mượt mà mà không có những điều chỉnh lặp lại, chói tai.

Cho dù đó là một đoạn tin tức ngắn gọn hay một phân tích chuyên sâu đòi hỏi phải cuộn nhiều trang, thì kết quả sẽ giống nhau.

Quan trọng như nhau, cả hai trang web đều xứng đáng được đánh giá công bằng.

Để đảm bảo điều này, Google đã tạo ra một cách để làm nổi bật những thay đổi về bố cục chính, phát triển một hệ thống độc đáo.

Hệ thống này liên quan đến, trong số nhiều yếu tố, cửa sổ phiên, khoảng trống phiên và lượng thay đổi bố cục.

Kết quả của những nỗ lực không ngừng của Google là một chỉ số chiếu sáng rất cần thiết về phần lớn trải nghiệm của khách truy cập.

>> Tham khảo: Thông tin cần thiết cho báo cáo SEO.

7. Tối ưu hóa hình ảnh là trọng tâm của các chiến lược LCP và CLS

Các nỗ lực tối ưu hóa cho LCP và CLS nêu bật sự cần thiết của việc hiểu và thực hiện Tối ưu hóa hình ảnh.

Khi bạn xem xét các kỹ thuật giúp cải thiện kết quả cho một trong hai chỉ số, một mô hình nhất quán sẽ xuất hiện.

Để cung cấp một trang web với Core Web Vitals chất lượng, chủ sở hữu phải có mục đích trong cách tiếp cận của họ.

Họ cần chủ ý tập trung vào việc quản lý các chi tiết cụ thể của các tệp hình ảnh và video cũng như thời gian tích hợp của chúng.

Hình ảnh có nội dung lớn nhất

• Tối Æ°u hóa hình ảnh, bao gồm kích thước, độ nén, định dạng và các thuộc tính.
• Sá»­ dụng hợp lý CSS và JavaScript
• Tá»· lệ hiển thị phía máy chủ và phía máy khách tối Æ°u.
• Thời gian phản hồi của máy chủ giá cao nhất.

Dịch chuyển bố cục tích lũy

• Chỉ định thuộc tính chiều rộng + chiều cao cho hình ảnh và video.
• Tích hợp đúng cách nội dung (tức là quảng cáo và nội dung nhúng) với JavaScript theo thời gian hiệu quả
• Hiểu các phÆ°Æ¡ng pháp hay nhất để điều hướng phông chữ web.
• Điều hướng các thay đổi của trang với sá»± thay đổi bố cục dá»± kiến.

7.1. Tầm quan trọng của việc tối ưu hóa hình ảnh đối với LCP

Tối ưu hóa và nén hình ảnh là những yếu tố đặc biệt quan trọng ảnh hưởng đến LCP.

Điều này đặc biệt đúng đối với chủ sở hữu trang web không thể điều chỉnh thời gian phản hồi máy chủ của họ.

Tối ưu hóa hình ảnh tập trung vào việc sử dụng các thuộc tính hiệu quả nhất cho hình ảnh.

Điều này bao gồm kích thước và độ phân giải tối ưu và tận dụng các định dạng tệp tiên tiến.

Định dạng hình ảnh mới nhất và hiệu quả nhất là Google’s WebP, định dạng này mang lại khả năng nén không mất dữ liệu và mất dữ liệu tối ưu cho hình ảnh web.

Các plugin nén hình ảnh WebP và trình chuyển đổi tải lên trước thủ công thường miễn phí và dễ sử dụng.

7.2. Các thuộc tính Chiều rộng và Chiều cao là các yếu tố quan trọng trong việc ngăn chặn sự thay đổi bố cục tích lũy

Ít có điều gì nghiêm trọng hơn như nội dung thay đổi bất ngờ khi khách truy cập cố gắng đọc thông tin trên một trang web.

Có vẻ như trình duyệt thường chờ đợi thời điểm hoàn hảo để tấn công, ngay khi họ đang say mê.

Đột nhiên, một sự thay đổi chói tai xảy ra, và họ bị bỏ lại để tìm ra vị trí của họ đã dịch chuyển.

Trải nghiệm này sẽ tác động tiêu cực và nhất quán đến trải nghiệm của người dùng, dẫn đến tỷ lệ giữ chân họ ngày càng khó khăn.

Đặt thuộc tính thích hợp là một bước đơn giản nhưng cực kỳ hiệu quả mà chủ sở hữu trang web có thể thực hiện để ngăn chặn CLS.

Bằng cách đặt các thuộc tính Chiều rộng và Chiều cao cho hình ảnh và video, họ giới hạn trình duyệt trước các nguyên tắc cụ thể.

Không có kích thước Chiều rộng và Chiều cao được khai báo, sẽ có rất ít hướng dẫn đảm bảo nội dung hình ảnh không gây tàn phá khi tải.

Với hình ảnh đáp ứng, tác động của việc đặt chiều rộng tối đa bằng CSS được tăng cường.

Biện pháp này áp dụng cho hình ảnh và video quảng cáo, làm nổi bật tầm quan trọng của việc dành đủ không gian cho quảng cáo trong CSS.

Dành thời gian để hạn chế nội dung quảng cáo một cách hiệu quả đảm bảo nó không thay đổi một trang đã tải.

8. Tối ưu hóa hiệu suất CWV để tối đa hóa Báo cáo CrUX

Các nhà lãnh đạo doanh nghiệp không chỉ muốn trang web của họ hoạt động ở mức độ thành thạo trang cao nhất. Họ muốn đảm bảo rằng nó sẽ thu hút và giữ chân khách truy cập một cách hiệu quả.

Việc từ chối một khách truy cập trang web tiềm năng sẽ dễ dàng hơn so với việc tìm thấy một cuộc tranh luận đang diễn ra ở đâu đó trên phương tiện truyền thông xã hội.

Người dùng internet ngày nay ngày càng tập trung vào thiết bị di động và mong đợi tốc độ nhanh như chớp.

Để không chỉ tồn tại trong thế giới đó mà còn để phát triển, các nhà lãnh đạo cần phải hiểu Core Web Vitals.

Họ cần nắm được các yếu tố lồng vào nhau của Core Web Vitals và cách chúng tác động đến hiệu suất.

Sau khi được trang bị kiến ​​thức và hiểu biết đó, các nhà lãnh đạo được trang bị để tối đa hóa lợi ích của Báo cáo CrUX.

Có thể dễ dàng nhận thấy lợi ích của việc cho phép Báo cáo CrUX nói lên và hướng dẫn các phương pháp hay nhất.