Опубликовано: 13 декабря 2024 г.
Когда интернет только зарождался, выход в интернет означал терпеливое ожидание по медленному коммутируемому соединению и возню с кодом Perl и HTML. Но интернет эволюционировал экспоненциально, казалось бы, за мгновение. Получаете ли вы доставку продуктов в последнюю минуту или используете искусственный интеллект для краткого изложения множества длинных статей, ссылка теперь — это портал к безграничным возможностям.
Вот почему многие из нас любят интернет. Чтобы помочь вам привлечь больше людей по всему миру, мы запускаем новые инструменты для всех веб-разработчиков — будь то фронтенд-разработчик или специалист полного цикла, новичок или профессионал.
Ознакомьтесь с нашим обзором инновационных возможностей 2024 года, которые позволят вам создавать более креативные веб-опыты с меньшими усилиями.
Встроенный ИИ в Chrome помогает разработчикам создавать мощные функции с помощью Gemini
На конференции Google I/O 2024 мы объявили о том, как мы используем ИИ для ускорения работы интернета с помощью Gemini Nano, встроенного непосредственно в Chrome. На сегодняшний день более 13 000 человек присоединились к программе раннего ознакомления, чтобы помочь нам формировать будущее интернета. Мы очень благодарны за ваш вклад и с нетерпением ждем всех инновационных решений на основе ИИ, которые вы создадите.
Чтобы помочь вам максимально эффективно использовать возможности искусственного интеллекта, мы запустили несколько встроенных API в тестовом режиме, например, экспериментальные Prompt API , Translator API , Summarizer API и Language Detector API . Все они позволяют запускать задачи на базе искусственного интеллекта в браузере без вызовов сервера, и вам не нужно управлять и развертывать собственные модели искусственного интеллекта. Более 8600 разработчиков зарегистрировались для участия в конкурсе Google Chrome Built-in AI Challenge, чтобы создать веб-приложение или расширение Chrome с использованием этих API. Мы объявим победителей в середине января, так что следите за новостями.
Искусственный интеллект на устройстве получает ускорение благодаря улучшениям WebAssembly (Wasm) и WebGPU
Мы считаем, что веб — лучшая среда для создания приложений с поддержкой ИИ, доступных всем. В дополнение к нашей работе над встроенными API для ИИ мы также усовершенствовали две технологии, которые позволяют вам переносить собственные модели ИИ в веб и запускать их на высокой скорости: WebGPU и Wasm.
Мы внедрили 16-битные значения с плавающей запятой в WebGPU и упакованные целочисленные скалярные произведения , которые открывают более гибкое использование графического процессора устройства с помощью вычислительных шейдеров. В будущем планируется усовершенствование WebGPU, включая подгруппы и матрицы подгрупп . Эти функции позволят приложениям быстро взаимодействовать между потоками графического процессора и максимально эффективно использовать умножение матриц фиксированного размера. В 2025 году мы также внедрим Memory64 в Wasm, чтобы обеспечить возможность работы с более крупными моделями ИИ в памяти.
API View Transition делает сайты более связанными, чем когда-либо, благодаря удобной навигации
Благодаря новым возможностям, таким как переходы между представлениями между документами , вы можете создать плавную и гибкую навигацию по нескольким страницам. Достаточно всего нескольких строк CSS, чтобы избавиться от надоедливых «миганий» при перезагрузке. Получающаяся в результате плавная, нативная навигация помогает создать более захватывающий опыт, сохраняя при этом преимущества многостраничной архитектуры.
CSS-вкладыш и позиционирование якоря позволяют создавать интерактивные наложения без JavaScript
Теперь вы можете создавать всплывающие подсказки, меню и другие элементы наложения с помощью popover и визуально связывать их с элементами-триггерами с помощью API позиционирования привязок CSS . Всё, что вам нужно, — это немного CSS и HTML, чтобы обеспечить привязку и видимость при прокрутке или изменении размера окон. Ваши пользователи получат более надёжный и динамичный веб-интерфейс, а вы избавитесь от необходимости управлять z-index и сложной математикой позиционирования JavaScript. Это выгодно всем.
API правил Speculation обеспечивает практически мгновенную навигацию с помощью предварительной визуализации страниц
В этом году время загрузки страниц сократилось с быстрого до практически мгновенного благодаря API Speculation Rules . Этот API, для реализации которого требуется всего несколько строк JSON-кода, позволяет полностью визуализировать страницы в фоновом режиме, чтобы они были готовы к использованию в любое время.
Взаимодействие с Next Paint (INP) становится ключевым элементом веб-технологии
В марте показатель INP заменил показатель First Input Delay в качестве основного показателя веб-активности, чтобы помочь вам более полно оценить отзывчивость страниц, выходя за рамки первого пользовательского ввода. С тех пор количество сайтов с «хорошим» показателем INP на мобильных устройствах увеличилось на 9% , что означает более быстрый и приятный пользовательский опыт в интернете.
Функция автозаполнения позволяет вам радовать пользователей более плавным процессом онлайн-оплаты
Включение функции автозаполнения , которая позволяет браузерам автоматически заполнять поля форм сохранённой пользователем информацией, может стимулировать пользователей к завершению отправки форм. Проанализировав анонимные агрегированные данные по тысячам онлайн-форм, команда Chrome обнаружила, что при использовании автозаполнения количество отказов от заполнения форм в среднем сократилось на 75%. Хотя на положительный опыт оформления заказа влияет множество факторов, данные свидетельствуют о том, что автозаполнение может играть полезную роль.
Автозаполнение особенно полезно для оформления заказов в интернет-магазинах. В Shopify гостевые заказы с автозаполнением имеют на 45% более высокую конверсию, чем гостевые заказы без автозаполнения.
Chrome DevTools выходит на новый уровень с решениями на базе ИИ
Возможно, вы помните, что мы добавили Gemini в Chrome DevTools с консольными функциями , которые позволяют использовать отладку на базе ИИ для более эффективного устранения неполадок. После Google I/O 2024 эта функция стала доступна по всему миру.
Мы также запустили панель помощи ИИ , которая использует Gemini, чтобы помочь вам разобраться в технических деталях вашей страницы, таких как стиль, сетевые запросы, источники и производительность.
Вы, возможно, заметили, что панель «Производительность» в этом году также получила множество улучшений, включая возможность мониторинга основных веб-показателей в режиме реального времени и добавления аннотаций . Кроме того, мы внедрили на панель «Производительность» возможности Lighthouse с аналитикой производительности .
Благодаря этим улучшениям на базе искусственного интеллекта, улучшениям панели «Производительность» и десяткам полезных обновлений, таких как значки прокрутки , Chrome DevTools стал ещё удобнее. В 2025 году ожидается ещё больше улучшений, таких как повышение производительности в новых моделях Gemini 2.0.
Baseline 2024 предлагает разработчикам новые кроссбраузерные веб-функции
От интерполяции градиента до зарегистрированных пользовательских свойств, Baseline 2024 уже включает 39 новых кроссбраузерных веб-функций. Вам не придётся беспокоиться о совместимости, если функция присутствует в Baseline не менее 30 месяцев. Но если вы пытаетесь решить, стоит ли использование новой функции потенциальной потери охвата, ознакомьтесь с RUM Archive Insights от Akamai, чтобы узнать о функциях каждой версии Baseline и общем показателе пользователей.
Наше любимое объявление Baseline в этом году — это панель мониторинга Web Platform Status , на которой представлены все веб-функции с указанием уровня их кроссбраузерной поддержки. Ещё более впечатляющим является то, что данные, составляющие панель мониторинга Web Platform Status, открыты и доступны для использования и интеграции в ваши собственные инструменты. Отличный пример — баннер Baseline .
Основные браузеры добавляют больше функций Baseline с Interop 2024
Чтобы расширить функциональность Baseline, мы снова работаем с нашими партнёрами над Interop 2024. В число целевых функций этого года входят всплывающее окно, вложенность CSS, регулировка размера шрифта и относительный синтаксис цветов.
Interop также публикует оценки для экспериментальных и стабильных версий браузеров. Общий рейтинг Interop для стабильных версий браузеров в настоящее время составляет 87, а для Chrome Stable, приближающегося к концу года, он составит 98. Вы можете следить за развитием браузеров на панели Interop . Мы уже планируем Interop 2025, о котором сообщим в феврале.
Совместно формируем развитие Интернета в новом году
Каким бы захватывающим ни был наш прогресс в 2024 году, мы знаем, что будущее ещё светлее. И всё это благодаря вашей общей страсти, отзывам и инновациям — нашего сообщества разработчиков. На мероприятиях по всему миру, от конференции BrazilJS и DevFest в Париже до Google I/O 2024 и первого в истории саммита Web AI Summit , нам раз за разом становилось ясно одно: вы все верите в силу и потенциал интернета так же сильно, как и мы.
У вас ещё более смелые идеи, чем когда-либо. Мы готовы помочь вам воплотить их в жизнь. Оставайтесь с нами на X , YouTube и LinkedIn , чтобы быть в курсе последних новостей, и давайте вместе переосмыслим возможности интернета .