10 обновлений Google I/O 2024: раскрываем возможности искусственного интеллекта для каждого веб-разработчика

В августе Интернету исполняется 35 лет. Поколения разработчиков создали эту невероятную технологию и привнесли в нашу жизнь бесчисленные инновации. Теперь наступил рассвет нового поколения с искусственным интеллектом. Вот 10 интересных функций, представленных на наших сессиях Developer Keynote и I/O, которые помогут вам улучшить разработку — благодаря более мощному Интернету, который стал проще.

1. Интеграция Gemini Nano в настольный компьютер Chrome для предоставления новых функций искусственного интеллекта на устройстве.

Начиная с Chrome 126, Gemini Nano будет встроен в рабочий стол Chrome . Почему это важно? Вы сможете предоставлять мощные функции искусственного интеллекта миллиардам пользователей Chrome, не беспокоясь о быстром проектировании, точной настройке, мощности или стоимости. Функция «Помоги мне написать» доступна в Chrome на устройстве и помогает пользователям писать краткий контент.

Помогите нам сформировать будущее Интернета, подписавшись на нашу программу ранней предварительной версии .

2. WebAssembly и WebGPU позволяют использовать искусственный интеллект на устройстве, независимо от используемой вами модели искусственного интеллекта.

Мы вложили значительные средства, чтобы обеспечить быструю и эффективную работу моделей искусственного интеллекта с помощью WebGPU и Wasm — основных технологий, которые позволяют использовать искусственный интеллект на устройствах в Интернете. Новые улучшения, такие как 16-битные значения с плавающей запятой в WebGPU, а также интеграция Memory64 и JavaScript Promise в Wasm, делают работу ИИ еще быстрее. Благодаря Wasm и WebGPU ваши библиотеки искусственного интеллекта смогут запускать модели в любом масштабе на широком спектре оборудования.

3. Chrome DevTools на базе искусственного интеллекта упростит процесс отладки.

Chrome DevTools — один из самых популярных способов отладки и настройки вашего приложения. Благодаря ИИ отладка станет намного проще. Мы добавляем Gemini в консоль Chrome DevTools, чтобы получить ценную информацию, помочь вам понять, в чем проблема, и даже придумать, как ее исправить!

Консоль Chrome DevTools Insights доступна сегодня в качестве экспериментальной функции в США, и вскоре она будет доступна и в других странах.

4. API правил спекуляций обеспечивает мгновенный просмотр

С новым API Speculation Rules мы обеспечиваем практически мгновенную навигацию, значительно ускоряя просмотр за счет предварительной загрузки и предварительной обработки страниц в фоновом режиме. Думайте о миллисекундах, а не о секундах. Лучше всего? Для начала работы требуется всего несколько строк кода, а искусственный интеллект можно использовать для интеллектуального прогнозирования шаблонов навигации.

Пример из Токопедии: влияние предварительного рендеринга приводит к значительному ускорению загрузки даже при медленном соединении.

5. Просмотр переходов для многостраничных сайтов

Мы хотим переопределить то, как пользователи взаимодействуют с Интернетом. Что касается разработчиков, мы хотим изменить способы создания веб-приложений. С помощью View Transition API вы можете легко анимировать состояния страницы. И теперь он работает с многостраничными приложениями , позволяя вам создавать гибкую навигацию независимо от архитектуры вашего сайта. В сочетании с правилами спекуляции и искусственным интеллектом переходы между страницами могут быть действительно плавными.

6. Панель управления веб-платформы для единого представления во всех браузерах.

Мы знаем, что непросто быть в курсе последних изменений платформ, API и фреймворков в браузерах, когда они постоянно обновляются. Baseline позволяет понять, какие веб-функции поддерживаются всеми браузерами. Теперь с помощью панели мониторинга веб-платформы вы сможете видеть всю веб-платформу, представленную в виде набора функций, следить за их развитием и проверять статус их взаимодействия.

7. Базовые инструменты прямо в вашем рабочем процессе

Baseline работает лучше всего, когда он интегрирован в ваш рабочий процесс . С сегодняшнего дня в RUM Archive от Akamai появился новый инструмент для разработчиков — RUM Archive Insights . Впервые вы можете одновременно увидеть глобальную долю пользователей версий Baseline и функций, которые разблокированы в этой версии Baseline.

8. Частичная гидратация в Angular повышает производительность

Мы считаем, что одной из лучших платформ для создания и развертывания веб-приложений является Angular. Сейчас мы работаем над частичной гидратацией , поэтому JavaScript будет загружать и гидратировать часть вашего приложения только при необходимости, что значительно улучшает основные веб-показатели для приложений, чувствительных к производительности. Проверьте это в предварительной версии для разработчиков в ближайшие пару недель.

9. Angular мелкозернистая реактивность с помощью Signals прямо из коробки.

Мы хотим предоставить вам более детальный контроль над обнаружением и управлением изменениями в ваших приложениях. Введите: детальная реактивность с помощью сигналов. Angular предоставляет новый набор реактивных API, которые расширяют возможности первоклассного взаимодействия разработчиков с Signals. А сигналы обеспечивают детальное обнаружение изменений, которое будет проверять только часть вашего дерева компонентов для распространения изменений состояния, поэтому вам больше не придется вручную оптимизировать пользовательский интерфейс.

Реактивные API на основе сигналов доступны уже сегодня, прямо из коробки. Детальное обнаружение изменений появится позже в этом году.

10. Создавайте захватывающие 3D-эффекты с помощью API JavaScript Карт.

Мы открываем больше возможностей для создания захватывающего веб-интерфейса, добавляя фотореалистичные 3D-карты к знакомому Maps JavaScript API с платформы Google Maps. Теперь вы можете воспользоваться преимуществами технологии рендеринга Google для создания насыщенных 3D-карт со скоростью, которую ожидают ваши пользователи. Самое приятное: вы можете начать с одной строки кода.

Нам не терпится увидеть потрясающие, захватывающие впечатления, которые вы создадите! Узнать больше .


Каждый день вы преодолеваете сложности разработки, раздвигая границы возможного. Мы рады помочь вам создать новые впечатления для всех нас. Посетите сайты Developer.chrome.com и web.dev, чтобы узнать больше об этом мощном Интернете, который стал проще. И обязательно свяжитесь с нами на X , YouTube , а теперь и на LinkedIn .

Увидимся на следующем вводе-выводе!