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

Web tròn 35 tuổi vào tháng 8 này. Nhiều thế hệ nhà phát triển đã định hình nên công nghệ đáng kinh ngạc này và mang lại vô số cải tiến cho cuộc sống của chúng ta. Giờ đây, đây là bình minh của một thế hệ mới, với AI. Dưới đây là 10 tính năng thú vị được công bố trong các Bài phát biểu chính và các phiên I/O dành cho nhà phát triển của chúng tôi. Những tính năng này sẽ định hướng cho bạn hành trình phát triển tốt hơn – thông qua một môi trường web mạnh mẽ hơn và dễ dàng hơn.

1. Tích hợp Gemini Nano trong 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ị

Từ Chrome 126, Gemini Nano sẽ được tích hợp vào Chrome trên máy tính. 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 thiết kế câu lệnh, tinh chỉnh, dung lượng hoặc chi phí. Tính năng "Giúp tôi viết" có sẵn trong Chrome 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 dùng thử sớm của chúng tôi.

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 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ợ trí tuệ nhân tạo (AI) trên thiết bị trên web. Những điểm cải tiến mới như giá trị dấu phẩy động 16 bit trong WebGPU, Memory64 và Tích hợp lời hứa hẹn JavaScript trong Wasm, giúp AI chạy nhanh hơn nữa. Với Wasm và WebGPU, các 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 nhiều phần cứng.

3. Công cụ của Chrome cho nhà phát triển dựa trên AI sẽ đơn giản hoá quy trình gỡ lỗi của bạn

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à tinh chỉnh ứng dụng. Với AI, việc gỡ lỗi sắp trở nên dễ dàng hơn rất nhiều. Chúng tôi sẽ đưa Gemini vào Bảng điều khiển Công cụ của Chrome cho nhà phát triển để tạo thông tin chi tiết, giúp bạn hiểu được vấn đề và thậm chí là tìm cách khắc phục!

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

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

Với API Quy tắc suy đoán mới, chúng tôi cho phép điều hướng gần như ngay lập tức, tăng tốc đáng kể quá trình duyệt web bằng cách tìm nạp trước và hiển thị trước các trang trong nền. Hãy nghĩ đến mili giây thay vì giây. Tốt nhất trong tất cả? Tính năng này chỉ cần vài dòng mã để bắt đầu và bạn có thể dùng AI để dự đoán các mẫu điều hướng một cách thông minh.

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

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

Chúng tôi muốn định nghĩa lại cách người dùng trải nghiệm web. Còn đối với các 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 View Transition API (API Chuyển đổi khung hiển thị), bạn có thể dễ dàng tạo ảnh động giữa các trạng thái trên trang. Giờ đây, tính năng này hoạt động với các ứng dụng nhiều trang, cho phép bạn tạo tính năng điều hướng linh hoạt bất kể cấu trúc trang web của bạn là gì. 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 nền tảng web để có chế độ xem hợp nhất trên các trình duyệt

Chúng tôi hiểu rằng việc bắt kịp những thay đổi mới nhất về nền tảng, API và khung trên các trình duyệt là điều không hề dễ dàng khi chúng liên tục cập nhật. Cơ sở cung cấp một phương thức để biết tính năng web nào được hỗ trợ trên mọi trình duyệt. Giờ đây, với Trang tổng quan nền tảng web, bạn có thể xem toàn bộ nền tảng web được ánh xạ dưới dạng một nhóm 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 chú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, Kho lưu trữ RUM của KDDI có một công cụ mới dành cho nhà phát triển Thông tin chi tiết về bản lưu trữ RUM. Lần đầu tiên, bạn có thể thấy tỷ lệ người dùng trên toàn cầu của các phiên bản và tính năng cơ sở được mở khoá bằng phiên bản Cơ sở đó, song song với nhau.

8. Lượng nước uống 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 các ứng dụng web. Chúng tôi đang nghiên cứu vấn đề lượng nước uống một phần. Vì vậy, JavaScript sẽ chỉ tải và thay thế một phần dữ liệu trong ứng dụng khi cần, giúp cải thiện đáng kể Chỉ số quan trọng chính của trang web đối với những ứ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. Phản ứng chi tiết, chi tiết với Tín hiệu, ngay từ đầu

Chúng tôi muốn mang lại 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 của bạn. Enter: 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 hỗ trợ trải nghiệm hạng nhất dành cho nhà phát triển thông qua Tín hiệu. Còn Tín hiệu cho phép phát hiện thay đổi chi tiết. Tính năng này chỉ kiểm tra một phần cây thành phần để áp dụng các thay đổi về 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.

Các API phản ứng dựa trên tín hiệu hiện có sẵn ngay khi mở hộp. 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 sống động 3D trong Maps JavaScript API

Chúng tôi sẽ khám phá thêm nhiều cách để xây dựng trải nghiệm web sống động, bằng cách đưa Bản đồ 3D ảnh thực vào API JavaScript của Maps từ 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 để phân phối các bản đồ 3D phong phú với tốc độ mà người dùng mong đợi. Điều tuyệt nhất là bạn có thể bắt đầu với một dòng mã duy nhất.

Chúng tôi rất mong được chứng kiến những trải nghiệm sống động và tuyệt đẹp mà bạn tạo ra! Tìm hiểu thêm.


Mỗi ngày, bạn lại phá vỡ sự phức tạp của quá trình phát triển, vượt qua những giới hạn không thể thực hiện được. 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 tôi đều thích. Dễ dàng truy cập developer.chrome.comweb.dev để tìm hiểu thêm về nền tảng web mạnh mẽ này. Hãy nhớ kết nối với chúng tôi trên X, YouTube và giờ đây là LinkedIn.

Hẹn gặp lại bạn tại I/O tới!