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 .

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