Ngày phát hành: 20/5/2025
Khi một tính năng nền tảng web được triển khai trong mọi trình duyệt, tính năng đó sẽ trở thành Mới có sẵn theo đường cơ sở. Sau 30 tháng, tính năng đó sẽ trở thành Dùng được rộng rãi theo Đường cơ sở. Đây là ngưỡng mà hầu hết các trang web có thể áp dụng các tính năng mà không gặp vấn đề về khả năng tương thích. Hướng dẫn này giải thích cách sử dụng Đường cơ sở và cách chọn mục tiêu Đường cơ sở bằng cách sử dụng dữ liệu có sẵn từ người dùng trang web của bạn.
Mục tiêu cơ sở là gì?
Mục tiêu cơ sở là một nhóm các tính năng web mà nhà phát triển có thể chọn hỗ trợ, dựa trên trạng thái Cơ sở của các tính năng đó. Có hai loại mục tiêu cơ sở: mục tiêu di chuyển và mục tiêu cố định.
Mục tiêu di chuyển, chẳng hạn như Đường cơ sở có sẵn rộng rãi hoặc Đường cơ sở mới có sẵn, là những mục tiêu mà tập hợp tính năng có thể thay đổi theo thời gian. Việc di chuyển mục tiêu sẽ phù hợp trong trường hợp bạn muốn nhóm tính năng được hỗ trợ tự động phát triển khi các phiên bản trình duyệt mới được phát hành.
Mục tiêu cố định là những mục tiêu mà tập hợp các tính năng không thay đổi theo thời gian. Nhìn chung, mục tiêu cố định được tính theo năm dương lịch. Ví dụ: Giá trị cơ sở 2023 là một mục tiêu cố định chứa tập hợp các tính năng web đã trở thành Giá trị cơ sở mới có trong năm 2023. Giá trị cơ sở 2023 sẽ không bao gồm các tính năng trở thành Giá trị cơ sở sau năm 2023, tức là tập hợp các tính năng của Giá trị cơ sở 2023 sẽ không bao giờ thay đổi.
Mục tiêu cố định phù hợp trong trường hợp khả năng dự đoán và tính xác định là quan trọng nhất, nhưng các mục tiêu này có thể trở nên lỗi thời theo thời gian. Vì vậy, khi sử dụng mục tiêu cố định, bạn nên thường xuyên đánh giá lại mục tiêu của mình.
Tại sao nên chọn một mục tiêu?
Việc sử dụng các tính năng trên web bị hạn chế do các vấn đề về khả năng tương thích, và điều đó khiến web không thể phát huy hết tiềm năng của mình. Đường cơ sở không chỉ giúp làm rõ vấn đề hỗ trợ tính năng trong trình duyệt mà còn có thể giúp làm rõ vấn đề thời điểm bạn có thể sử dụng một số tính năng nhất định. Bằng cách chọn một mục tiêu phản ánh đối tượng và yêu cầu của mình, bạn có thể tự tin sử dụng các tính năng trong nhóm mục tiêu đó mà không cần kiểm tra từng tính năng.
Sử dụng dữ liệu để chọn mục tiêu Cơ sở
Nếu có thể, bạn nên dựa vào dữ liệu để biết được mục tiêu Cơ sở phù hợp để chọn. Khi bạn có dữ liệu trước mắt, việc chọn mục tiêu sẽ trở nên dễ dàng và sáng suốt hơn nhiều.
Nếu có dữ liệu Theo dõi người dùng thực cho trang web của mình, bạn có thể tìm hiểu cách các mục tiêu Cơ sở liên kết với người dùng. Ví dụ: nếu bạn sử dụng Google Analytics, bạn có thể sử dụng Công cụ kiểm tra đường cơ sở của Google Analytics để nhận thông tin này miễn phí.
Để sử dụng tính năng này, bạn cần tạo một dữ liệu khám phá mới trong Google Analytics, thêm một số chỉ số và phương diện vào báo cáo rồi xuất báo cáo dưới dạng tệp TSV. Quy trình này được mô tả chi tiết trong các hướng dẫn này. Khi nhập tệp TSV vào trình kiểm tra, bạn sẽ nhận được kết quả như sau:
Chúng tôi đang bắt đầu thấy các công cụ khác triển khai tính năng hỗ trợ cho Đường cơ sở. Tính năng này có thể cung cấp cho bạn thông tin linh động về tỷ lệ phần trăm đối tượng ủng hộ một mục tiêu nhất định. Ví dụ: RUMvision có một trang tổng quan cho biết tỷ lệ phần trăm đối tượng được hỗ trợ cho mỗi năm cơ sở.
Nếu tôi không có dữ liệu hỗ trợ từ người dùng thực thì sao?
Bạn có thể gặp phải trường hợp không thể lấy dữ liệu người dùng thực tế khi nói đến các tính năng là Đường cơ sở. Tin vui là bạn có thể nắm được thông tin chung về khả năng hỗ trợ cho các mục tiêu Cơ sở theo dõi khác nhau thông qua Thông tin chi tiết về bản lưu trữ RUM, thậm chí cho phép bạn lọc xuống cấp quốc gia. Tuy nhiên, dữ liệu này sẽ không dành riêng cho người dùng trang web của bạn. Đây là một công cụ thông tin chung cho thấy các giả định sau đây thường an toàn:
- Các mục tiêu theo Đường cơ sở mới hơn (chẳng hạn như năm hiện tại hoặc năm trước) có thể nhận được ít sự hỗ trợ nhất từ người dùng. Tuy nhiên, giống như mọi mục tiêu Cơ sở, các mục tiêu này sẽ được hỗ trợ tốt hơn theo thời gian.
- Các mục tiêu Cơ sở cũ (đặc biệt là Cơ sở có sẵn rộng rãi) sẽ được hỗ trợ tốt. Nếu bạn không chắc chắn, thì mục tiêu Phổ biến là một mục tiêu tuyệt vời, mục tiêu này sẽ phát triển theo thời gian trong khoảng thời gian 30 tháng.
- Ngay cả các mục tiêu Cấu hình cơ sở cũ hơn (những mục tiêu vượt quá khoảng thời gian 30 tháng để cung cấp rộng rãi) cũng sẽ được hỗ trợ tốt nhất. Mặc dù phạm vi cung cấp rộng rãi là một mục tiêu mặc định phù hợp, nhưng có những trường hợp sử dụng đặc biệt yêu cầu SLA nghiêm ngặt.
Có thể ngay cả khi chọn một Mục tiêu cơ sở đã có từ hơn 5 năm, bạn vẫn có thể áp dụng các tính năng mà bạn hiện không sử dụng. Trong trường hợp tốt nhất, có thể bạn đã sử dụng các tính năng này, nhưng với các polyfill mà bạn có thể không cần đến.
Làm cách nào để thực thi mục tiêu Cơ sở đã chọn trong dự án của tôi?
Browserslist là một phương pháp thường dùng để nhắm đến các trình duyệt mà bạn muốn hỗ trợ. Công cụ này được dùng trong các trình tạo gói và các công cụ liên quan khác như Babel và PostCSS để quyết định xem có cần chuyển đổi một số đoạn mã nhất định hay thậm chí là bổ sung mã đa năng hay không.
Giờ đây, bạn có thể sử dụng Đường cơ sở với Browserslist để khi chọn một mục tiêu Đường cơ sở, bạn có thể chỉ định mục tiêu đó làm truy vấn Browserslist hợp lệ. Điều này đảm bảo rằng các công cụ trong dự án của bạn sẽ chuyển đổi mã theo mục tiêu mà bạn đã chọn. Để biết thêm thông tin, hãy đọc bài viết Sử dụng Đường cơ sở với Browserslist.
Còn những tính năng không đáp ứng được mục tiêu Cơ sở thì sao?
Sau khi chọn một mục tiêu Cơ sở, bạn có thể có các tính năng mà bạn muốn sử dụng nhưng không nằm trong mục tiêu đó. Đường cơ sở không cho bạn biết bạn nên làm gì ở đây và việc bạn có nên cân nhắc sử dụng các tính năng này hay không còn tuỳ thuộc vào loại trang web bạn đang xây dựng và đối tượng dự kiến.
Ví dụ: trang web thương mại điện tử hoặc trang web B2B có thể sẵn sàng đặt ngưỡng hỗ trợ thấp hơn và xử lý các vấn đề khi người dùng hỗ trợ họ, trong khi trang web của chính phủ có thể yêu cầu ngưỡng hỗ trợ cao. Một nguyên tắc quan trọng ở đây là không phải tất cả các tính năng trên web đều gặp lỗi theo cách giống nhau. Có nhiều cách để phân loại các tính năng theo cách chúng không hoạt động, nhưng một cách để nhóm các tính năng có thể hữu ích như sau:
- Tính năng nâng cao: Nếu tính năng này được sử dụng trong một trình duyệt không được hỗ trợ, thì trải nghiệm người dùng sẽ không bị gián đoạn. Trải nghiệm có thể bị giảm sút nhưng người dùng có thể không nhận thấy. Ví dụ:
loading="lazy". - Bổ sung: Tính năng này mang lại một số lợi ích bổ sung có thể dễ nhận thấy, chẳng hạn như thay đổi về kiểu trang hoặc một số chức năng. Người dùng có thể không nhận thấy sự khác biệt nếu tính năng này không được hỗ trợ, trừ khi so sánh trong một trình duyệt có hỗ trợ tính năng đó. Ví dụ: Lưới phụ
- Lỗi nghiêm trọng: Nếu tính năng không được hỗ trợ, người dùng sẽ có trải nghiệm tiêu cực, thậm chí có thể là trải nghiệm bị gián đoạn hoàn toàn. Ví dụ: API truy cập hệ thống tệp được dùng làm tính năng trung tâm và cần thiết.
Bạn cũng có thể thấy rằng các tính năng cụ thể nằm ngoài mục tiêu của bạn được hỗ trợ tốt hơn bạn nghĩ. Bạn có thể biết được số người dùng được hỗ trợ cho một tính năng cụ thể. Công cụ Can I Use có thể kiểm tra khả năng hỗ trợ cho từng tính năng dựa trên dữ liệu phân tích của bạn. RUMvision cũng có khả năng xem chi tiết và khám phá dữ liệu cấp tính năng nếu điều đó hữu ích cho bạn.
Bằng cách này, bạn có thể sử dụng mục tiêu Cơ sở để giảm số lượng tính năng mà bạn cần cân nhắc kỹ lưỡng. Bạn không cần lo lắng về mọi thứ bên trong mục tiêu. Nếu có một hoặc hai tính năng nằm ngoài mục tiêu của bạn mà đặc biệt hữu ích, bạn có các công cụ để khám phá thêm và quyết định xem có nên sử dụng tính năng này làm tính năng tăng cường dần dần hay không.
Kết luận
Mỗi ứng dụng web đều có các yêu cầu khác nhau, từ trang web thương mại điện tử có thể chấp nhận nhiều vấn đề về khả năng tương thích hơn, đến trang web chính phủ tuyệt đối phải có sẵn và hoạt động cho nhiều người dùng nhất có thể. Đây là những phép tính mà bạn phải tự thực hiện. Mục tiêu của Baseline không phải là cho bạn biết những quyết định cần đưa ra khi áp dụng các tính năng web mới, mà là cách thực hiện.