Cần biết

Những công nghệ web mới và ý nghĩa đối với nhà phát triển | Google I/O

Posted on by admin
28
Th9

Tại Google I/O, Rachel Andrew – Content Lead của Chrome Developer Relations – đã chia sẻ một bức tranh toàn cảnh về những tính năng web mới, đang trở thành chuẩn chung (Baseline) và sẽ thay đổi cách các nhà phát triển xây dựng website trong vài năm tới.

Vấn đề muôn thuở: “Tính năng mới nhưng không đồng bộ trình duyệt”

Theo khảo sát toàn cầu (State of CSS, nghiên cứu Google), 21% lập trình viên cho rằng khó khăn lớn nhất là theo kịp các thay đổi của web standards. Một trở ngại khác là sự không đồng bộ giữa các trình duyệt – “cơn ác mộng” của mọi người làm web từ thập niên 1990 cho đến nay.

Baseline Newly Available

Để giải quyết, Google cùng các hãng trình duyệt khác đã xây dựng hệ thống Baseline:

  • Baseline Newly Available (Mới khả dụng): Tính năng đã có trên tất cả trình duyệt chính (Chrome, Edge, Firefox, Safari) nhưng còn khá mới.
  • Baseline Widely Available (Phổ biến): Sau 30 tháng, hầu hết các trình duyệt đều hỗ trợ, an toàn để dùng đại trà.
  • Baseline Limited (Hạn chế): Mới có mặt ở một vài trình duyệt.

Điều này giúp lập trình viên biết khi nào nên áp dụng một công nghệ mới vào dự án.

Những tính năng nổi bật vừa ra mắt

  1. CSS Container Queries – thay đổi giao diện dựa trên kích thước phần tử cha, không chỉ dựa vào viewport. Đây là bước tiến vượt bậc cho thiết kế component tái sử dụng.
  2. CSS :has() selector – cho phép chọn phần tử cha dựa vào nội dung con, điều mà cộng đồng mong đợi hơn một thập kỷ.
  3. CSS Subgrid – căn chỉnh grid con theo grid cha, giải quyết tình trạng lệch layout khi caption dài ngắn khác nhau.
  4. CSS Nesting – chính thức vào CSS, loại bỏ nhu cầu dùng Sass/LESS chỉ để viết code gọn hơn.
  5. HTML <search> element – tạo landmark truy cập tốt hơn cho chức năng tìm kiếm, hỗ trợ SEO & accessibility.
  6. Responsive Video – giờ đây video có thể hoạt động như hình ảnh với <picture>, giúp tối ưu băng thông và trải nghiệm di động.
  7. inert attribute – khóa vùng giao diện không cho tương tác, hữu ích khi hiển thị modal, dialog.
  8. CSS Color mới + color-mix() – mang “màu chuẩn HDR” lên web, mở ra kỷ nguyên thiết kế hiện đại.
  9. Pseudo-classes :user-valid / :user-invalid – cải thiện UX khi điền form, chỉ báo lỗi sau khi người dùng thực sự tương tác.
  10. Compression Streams API – nén dữ liệu trực tiếp bằng JavaScript, không cần thư viện bên ngoài.
  11. Declarative Shadow DOM – cho phép tạo Shadow DOM bằng HTML, hỗ trợ SSR và cải thiện hiệu năng.

Ý nghĩa với Việt Nam

Ở Việt Nam, nhiều doanh nghiệp vừa và nhỏ (SME) vẫn dùng website như kênh bán hàng chính. Tuy nhiên, hạ tầng lập trình thường đi sau thế giới từ 1–2 năm, chủ yếu do:

  • Sử dụng theme/template WordPress cũ, ít cập nhật.
  • Các công ty thiết kế web chưa quan tâm đủ đến “cross-browser compatibility”.
  • Kỹ sư front-end còn lệ thuộc vào framework mà ít nắm chắc chuẩn gốc CSS/HTML/JS.

Việc cập nhật những tính năng này mang lại ba lợi ích lớn:

  1. Hiệu suất và trải nghiệm người dùng (UX): Responsive video hay Compression Streams giúp giảm dung lượng tải xuống – cực kỳ quan trọng với người dùng Việt Nam vốn vẫn có tỷ lệ truy cập bằng 4G/3G cao.
  2. Khả năng tiếp cận (Accessibility): <search> hay inert attribute giúp website thân thiện hơn với người khiếm thị, hỗ trợ screen reader. Đây là xu hướng toàn cầu, và sớm muộn cũng thành yêu cầu pháp lý (như ở châu Âu, Mỹ).
  3. Khả năng cạnh tranh quốc tế: Doanh nghiệp Việt xuất khẩu qua thương mại điện tử (ví dụ bán hàng Amazon, Shopify) cần website chuẩn mới để không bị tụt hậu trong SEO và tốc độ tải trang.

Thách thức

Dù Baseline đã tạo “kim chỉ nam”, nhưng việc áp dụng ở Việt Nam còn gặp trở ngại:

  • Nhiều lập trình viên không thường xuyên cập nhật kiến thức từ MDN, Can I Use.
  • Các dự án outsourcing chỉ chú trọng ra mắt nhanh, ít quan tâm đến tính năng hiện đại.
  • Chưa có cộng đồng mạnh mẽ chia sẻ kinh nghiệm về Baseline, Interop tại Việt Nam.

Kết luận

Thông điệp quan trọng từ Google I/O không chỉ là giới thiệu loạt tính năng mới, mà là khuyến khích nhà phát triển toàn cầu – trong đó có Việt Nam – sớm nắm bắt “Baseline mindset”. Nghĩa là khi thiết kế web, cần biết rõ tính năng nào đã đủ an toàn để sử dụng, thay vì loay hoay với sự khác biệt giữa Chrome – Safari – Firefox.

Với tốc độ thương mại điện tử và marketing online ở Việt Nam, việc áp dụng sớm những công nghệ này không chỉ giúp doanh nghiệp tiết kiệm chi phí hạ tầng, mà còn nâng trải nghiệm khách hàng lên chuẩn quốc tế.