Chủ sở hữu trang web muốn tối ưu hóa trải nghiệm chính của người dùng trên trang web của họ. Nhiều công cụ đã được giới thiệu để tối ưu hóa và tăng chất lượng của trang web. Những công cụ này có thể được sử dụng bởi bất kỳ chủ sở hữu doanh nghiệp, nhà tiếp thị hoặc nhà phát triển nào, để tăng số lượng và trải nghiệm của trang web, đồng thời họ có thể xác định các cơ hội để cải thiện.
Core Web Vitals vs Lighthouse
Sự khác biệt giữa Core Web Vitals và Lighthouse là cả hai công cụ đều được Google giới thiệu và ba chỉ số được giới thiệu bởi Core Web Vitals là LCP (Sơn có nội dung lớn nhất), FID (Hiển thị đầu vào đầu tiên), CLS (Thay đổi bố cục tích lũy) khi bật mặt khác, Google Lighthouse cũng có ba chỉ số và hai trong số đó giống với của Core Web Vitals là LCP (Sơn có nội dung lớn nhất), CLS (Thay đổi bố cục tích lũy), TBT (Tổng thời gian chặn).
Core Web Vitals đã được Google giới thiệu vào tháng 5 năm 2020. Nó là một tập hợp con của các quan trọng web và nó áp dụng cho tất cả các trang web của Google. Và chủ sở hữu trang web của những trang web này đo lường với sự trợ giúp của công cụ này, và sau đó, Google sắp xếp chúng ra.
Công cụ Lighthouse được Google giới thiệu vào ngày 19 tháng 5 năm 2020. Công cụ này được xây dựng để đo lường các chỉ số quan trọng của web chính và cũng để cải thiện hoặc tối ưu hóa chất lượng của các trang web. Công cụ được sử dụng sau khi nhập URL của trang web, sau đó nó chạy một loạt các kiểm tra và sau đó cho điểm trang web với một báo cáo chi tiết về nó.
Bảng so sánh giữa Core Web Vitals và Lighthouse
| Các thông số so sánh | Core Web Vitals | Ngọn hải đăng |
| Nó là gì? | Nó là một tập hợp con của các quan trọng web và áp dụng trên tất cả các trang web, được đo lường bởi tất cả các chủ sở hữu trang web và các nền tảng trên toàn Google. | Công cụ để cải thiện chất lượng của trang web |
| Phương thức hoạt động | Cho biết hiệu suất của trang web dựa trên dữ liệu sử dụng trong thế giới thực (dữ liệu trường) | Nó tạo ra một loạt các kiểm tra, và sau đó một báo cáo chi tiết được hiển thị với điểm về mức độ hoạt động của trang. |
| Được giới thiệu trong | Tháng 5 năm 2020 | Ngày 19 tháng 5 năm 2020 |
| Được đo lường bởi | Nó được đo bằng công cụ Lighthouse, báo cáo Chrome UX, Chrome DevTools, Search Console, PageSpeed Insights. | Không có công cụ như vậy cho nó. |
| Số liệu | LCP (Sơn có nội dung lớn nhất), FID (Hiển thị đầu vào đầu tiên), CLS (Dịch chuyển bố cục tích lũy) | LCP (Sơn có nội dung lớn nhất), CLS (Thay đổi bố cục tích lũy), TBT (Tổng thời gian chặn) |
Core Web Vitals là gì?
Core Web Vitals có thể được định nghĩa là tập hợp con của các quan trọng web được áp dụng trên các trang web hiển thị trên toàn bộ trang web của Google. Các trang web này phải được đo lường bởi chủ sở hữu trang web, và sau đó chúng được hiển thị trên Google. Công cụ này được giới thiệu vào tháng 5 năm 2020 và công cụ này lọc hiệu suất của trang web dựa trên dữ liệu sử dụng trong thế giới thực hoặc dữ liệu trường.
Core Web Vitals có thể được đo lường bằng nhiều công cụ và một số trong số đó là - công cụ Lighthouse, báo cáo Chrome UX, Chrome DevTools, Search Console và PageSpeed Insights. Các chỉ số hiện tại của công cụ này tập trung vào ba yếu tố giúp cải thiện trải nghiệm người dùng - tải (LCP), tương tác (FID) và tải trực quan (CLS).
LCP hoặc Sơn có nội dung lớn nhất đo lường hiệu suất tải trang web và trong vòng 2,5 giây, LCP sẽ xảy ra. FID hoặc Màn hình đầu vào đầu tiên của trang web đo lường mức độ tương tác và một trang phải có FID từ 100 mili giây trở xuống. CLS hoặc Sự dịch chuyển bố cục tích lũy của một trang đo lường tải trực quan và một trang phải có 0,1 CLS trở xuống. Trang web có vượt qua tất cả các chỉ số trên 75% được cho là nhắm đúng mục tiêu của đối tượng.
Ngọn hải đăng là gì?
Lighthouse là một công cụ tự động được Google giới thiệu giúp cải thiện chất lượng của trang web. Nó là một công cụ miễn phí được cung cấp cho người dùng. Công cụ này giúp cung cấp thông tin chi tiết về những thứ khác nhau cần để cải thiện chất lượng của trang web, chẳng hạn như - hiệu suất tổng thể của trang, khả năng sử dụng SEO, khả năng truy cập của trang web, ứng dụng web tiến bộ và các phương pháp hay nhất.
Các công cụ của ngọn hải đăng sử dụng URL của trang web, URL này sẽ được cải thiện và sau đó chạy một số kiểm tra trên đó. Điểm công cụ trên trang web và một báo cáo chi tiết được tạo ra về mức độ hoạt động của trang. Ngoài ra, không có công cụ đo lường nào cho Lighthouse, không giống như công cụ Core Web Vitals.
Công cụ Google Lighthouse cũng hoạt động trên ba chỉ số, trong đó hai chỉ số giống với chỉ số của Core Web Vitals và đó là LCP, CLS và TBT. LCP (Sơn có nội dung lớn nhất) đo lường trải nghiệm tải của trang web và nó phải đạt 2,5 giây trở xuống. CLS (Swift Layout tích lũy) đo lường tải trực quan của trang web và nó phải đạt 0,10 điểm trở xuống. TBT (Tổng thời gian chặn) đo lường khả năng đáp ứng của trang web. Nó có một mối quan hệ đồng với FID.
Sự khác biệt chính giữa Core Web Vitals và Lighthouse
Sự kết luận
Sự thành công lâu dài của bất kỳ trang web hoặc trang web nào đòi hỏi chất lượng nội dung và các tính năng khác được tối ưu hóa, mang lại lưu lượng truy cập lành mạnh cho trang web. Cũng giống như vậy, Google đã tạo và tung ra nhiều công cụ đo lường để báo cáo hiệu suất tổng thể của trang web trong nhiều năm qua. Một số nhà phát triển có kinh nghiệm nhận thấy những công cụ đó dễ sử dụng, trong khi một số người trong số họ cũng đánh giá chúng là những công cụ khó đối phó.
Các công cụ này tự động lọc nội dung và trang web dựa trên các chỉ số, được thiết kế để xóa càng nhiều càng tốt để làm cho một trang web được tối ưu hóa hoàn toàn với chất lượng nội dung và các số liệu khác. Có bốn chỉ số, trong đó hai chỉ số giống nhau đối với cả hai công cụ (Core Web Vitals và Lighthouse), trong khi một trong số chúng khác nhau ở trường hợp công cụ Lighthouse. Các chỉ số là LCP, CLS, FID và TBT.
Người giới thiệu
- https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
- https://www.mdpi.com/0718-1876/16/5/77
- https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploy%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20Alemu_Final%20Version%20%281% 29.pdf? Sequence = 2
- https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf
