10 nội dung cập nhật tại Google I/O 2024: Khai phá sức mạnh của AI cho mọi nhà phát triển web

Tháng 8 này, Internet sẽ bước sang tuổi 35. Nhiều thế hệ nhà phát triển đã góp phần định hình công nghệ tuyệt vời này và mang đến vô số đổi mới cho cuộc sống của chúng ta. Giờ đây, chúng ta đang bước vào thời đại mới với AI. Sau đây là 10 tính năng thú vị được công bố trong phiên phát biểu chính của nhà phát triển và các phiên họp tại I/O. Những tính năng này sẽ giúp bạn phát triển hiệu quả hơn thông qua một web mạnh mẽ hơn và dễ sử dụng hơn.

1. Tích hợp Gemini Nano vào Chrome dành cho máy tính để cung cấp các tính năng AI mới trên thiết bị

Kể từ Chrome 126, Gemini Nano sẽ được tích hợp vào máy tính Chrome. Tại sao điều này quan trọng? Bạn có thể cung cấp các tính năng AI mạnh mẽ cho hàng tỷ người dùng Chrome mà không phải lo lắng về việc lập trình nhanh, điều chỉnh chi tiết, dung lượng hoặc chi phí. Tính năng "Giúp tôi viết" có trong Chrome với nguồn điện trên thiết bị để giúp người dùng viết nội dung dạng ngắn.

Hãy giúp chúng tôi định hình tương lai của web bằng cách đăng ký tham gia chương trình xem trước sớm.

2. WebAssembly và WebGPU hỗ trợ AI trên thiết bị, bất kể bạn sử dụng mô hình AI nào

Chúng tôi đã đầu tư rất nhiều để đảm bảo rằng các mô hình AI chạy nhanh chóng và hiệu quả bằng cách sử dụng WebGPU và Wasm – các công nghệ cốt lõi hỗ trợ AI trên thiết bị trên web. Các điểm cải tiến mới như giá trị dấu phẩy động 16 bit trong WebGPU, Memory64 và tính năng Tích hợp lời hứa JavaScript trong Wasm, giúp AI chạy nhanh hơn nữa. Với Wasm và WebGPU, thư viện AI của bạn sẽ có thể chạy các mô hình trên quy mô lớn, trên một loạt phần cứng khổng lồ.

3. Chrome DevTools sử dụng AI sẽ giúp đơn giản hoá quy trình gỡ lỗi

Công cụ của Chrome cho nhà phát triển là một trong những cách phổ biến nhất để gỡ lỗi và điều chỉnh ứng dụng. Nhờ AI, việc gỡ lỗi sẽ trở nên dễ dàng hơn rất nhiều. Chúng tôi sẽ đưa Gemini vào Console của Chrome DevTools để tạo thông tin chi tiết, giúp bạn hiểu được vấn đề và thậm chí là tìm ra cách khắc phục!

Thông tin chi tiết về bảng điều khiển của Chrome DevTools hiện được cung cấp dưới dạng tính năng thử nghiệm ở Hoa Kỳ và sẽ sớm ra mắt ở nhiều quốc gia khác.

4. Speculation Rules API mang đến trải nghiệm duyệt web tức thì

Với Speculation Rules API mới, chúng tôi đang bật tính năng điều hướng gần như tức thì, tăng tốc độ duyệt web đáng kể bằng cách tìm nạp trước và kết xuất trước các trang ở chế độ nền. Hãy nghĩ đến mili giây thay vì giây. Tốt nhất trong tất cả? Bạn chỉ cần một vài dòng mã để bắt đầu và có thể sử dụng AI để dự đoán thông minh các mẫu điều hướng.

Ví dụ về Tokopedia: tác động của tính năng kết xuất trước giúp thời gian tải nhanh hơn nhiều, ngay cả khi có kết nối chậm.

5. Xem hiệu ứng chuyển đổi cho trang web nhiều trang

Chúng tôi muốn xác định lại cách người dùng trải nghiệm web. Đối với nhà phát triển, chúng tôi muốn thay đổi cách bạn xây dựng cho web. Với API Chuyển đổi chế độ xem, bạn có thể dễ dàng tạo ảnh động giữa các trạng thái trang. Giờ đây, tính năng này hoạt động với ứng dụng nhiều trang, cho phép bạn tạo thành phần điều hướng linh hoạt bất kể cấu trúc của trang web. Khi kết hợp với Quy tắc suy đoán và AI, quá trình chuyển đổi trang có thể thực sự liền mạch.

6. Trang tổng quan về nền tảng web để xem thông tin hợp nhất trên các trình duyệt

Chúng tôi hiểu rằng không dễ để nắm bắt các thay đổi mới nhất về nền tảng, API và khung trên các trình duyệt khi các nền tảng, API và khung này liên tục cập nhật. Đường cơ sở giúp bạn hiểu được những tính năng web nào được hỗ trợ trên tất cả trình duyệt. Giờ đây, với Trang tổng quan về nền tảng web, bạn có thể xem toàn bộ nền tảng web được lập bản đồ dưới dạng một tập hợp các tính năng, theo dõi quá trình phát triển và kiểm tra trạng thái tương tác của các tính năng đó.

7. Công cụ cơ sở, ngay trong quy trình làm việc của bạn

Đường cơ sở hoạt động hiệu quả nhất khi được tích hợp vào quy trình làm việc của bạn. Kể từ hôm nay, Bản lưu trữ RUM của Akamai sẽ có một công cụ mới dành cho nhà phát triển trên Thông tin chi tiết về bản lưu trữ RUM. Lần đầu tiên, bạn có thể xem tỷ lệ phần trăm người dùng trên toàn cầu sử dụng các phiên bản và tính năng của Baseline được mở khoá bằng phiên bản Baseline đó, ở cạnh nhau.

8. Tính năng hydrat hoá một phần trong Angular giúp cải thiện hiệu suất

Chúng tôi tin rằng Angular là một trong những nền tảng tốt nhất để xây dựng và triển khai ứng dụng web. Chúng tôi hiện đang nỗ lực tái tạo một phần, vì vậy, JavaScript sẽ chỉ tải và tái tạo một phần ứng dụng của bạn khi cần, giúp cải thiện đáng kể các chỉ số quan trọng chính trên web cho các ứng dụng nhạy cảm về hiệu suất. Hãy dùng thử trong bản dùng thử cho nhà phát triển trong vài tuần tới.

9. Khả năng phản ứng chi tiết của Angular với Tín hiệu, ngay từ đầu

Chúng tôi muốn cung cấp cho bạn quyền kiểm soát chi tiết hơn đối với việc phát hiện và quản lý các thay đổi trong ứng dụng. Giới thiệu: khả năng phản ứng chi tiết với Tín hiệu. Angular cung cấp một bộ API phản ứng mới, giúp nâng cao trải nghiệm của nhà phát triển hàng đầu với Tín hiệu. Ngoài ra, Tín hiệu cho phép phát hiện thay đổi chi tiết, chỉ kiểm tra một phần của cây thành phần để truyền thay đổi trạng thái, nhờ đó, bạn không còn phải tối ưu hoá giao diện người dùng theo cách thủ công nữa.

API phản ứng dựa trên tín hiệu hiện đã có sẵn. Tính năng phát hiện thay đổi chi tiết sẽ ra mắt vào cuối năm nay.

10. Tạo trải nghiệm 3D sống động trong Maps JavaScript API

Chúng tôi đang mở ra nhiều cách hơn để tạo trải nghiệm web sống động, bằng cách đưa Maps 3D chân thực vào API Maps JavaScript quen thuộc trên Nền tảng Google Maps. Giờ đây, bạn có thể tận dụng công nghệ kết xuất của Google để cung cấp bản đồ 3D phong phú ở tốc độ mà người dùng mong đợi. Điều tuyệt vời nhất: bạn có thể bắt đầu bằng một dòng mã.

Chúng tôi rất mong được thấy những trải nghiệm sống động, ấn tượng mà bạn sẽ tạo ra! Tìm hiểu thêm.


Mỗi ngày, bạn đang vượt qua sự phức tạp của quá trình phát triển, đẩy mạnh giới hạn của những điều có thể. Chúng tôi rất vui được giúp bạn tạo ra những trải nghiệm mới để tất cả chúng ta cùng tận hưởng. Truy cập vào developer.chrome.comweb.dev để tìm hiểu thêm về web mạnh mẽ và dễ sử dụng này. Và đừng quên kết nối với chúng tôi trên X, YouTube và giờ đây là LinkedIn.

Hẹn gặp bạn tại sự kiện I/O tiếp theo!