10 nowości z konferencji Google I/O 2024: wykorzystanie potencjału AI dla każdego twórcy stron internetowych

W sierpniu internet obchodzi 35 lat. Pokolenia programistów ukształtowały tę niezwykłą technologię i wprowadziły do naszego życia niezliczone innowacje. Nadeszła pora na nowe pokolenie z AI. Oto 10 ekscytujących funkcji, które przedstawiliśmy podczas prezentacji głównej dla programistów i sesji I/O. Pomogą Ci one efektywniej programować w bardziej wydajnym internecie.

1. Integracja Gemini Nano z Chrome na komputery w celu obsługi nowych funkcji AI na urządzeniu

Od wersji Chrome 126 Gemini Nano będzie wbudowana w pulpit Chrome. Dlaczego to takie ważne? Pozwoli Ci to udostępniać zaawansowane funkcje AI miliardom użytkowników Chrome bez konieczności poświęcania czasu na tworzenie promptów, dostrajanie, pojemność czy koszty. Funkcja „Pomóż mi w pisaniu” jest dostępna w Chrome z zasilaniem na urządzeniu, aby ułatwić użytkownikom pisanie krótkich treści.

Pomóż nam kształtować przyszłość internetu i zarejestruj się w programie wstępnej wersji testowej.

2. WebAssembly i WebGPU włączają AI na urządzeniu niezależnie od używanego modelu AI

Dużo zainwestowaliśmy w to, aby modele AI działały szybko i efektywnie dzięki wykorzystaniu WebGPU i Wasm – technologii szkieletowych, które umożliwiają działanie sztucznej inteligencji na urządzeniu. Nowe ulepszenia, takie jak 16-bitowe wartości zmiennoprzecinkowe w WebGPU oraz integracja Memory64 i JavaScript Promise w Wasm, sprawiają, że AI działa jeszcze szybciej. Dzięki Wasm i WebGPU biblioteki AI będą mogły uruchamiać modele na dużą skalę przy użyciu ogromnej gamy sprzętu.

3. Narzędzia deweloperskie w Chrome oparte na AI upraszczają proces debugowania

Narzędzia deweloperskie w Chrome to jeden z najpopularniejszych sposobów debugowania i dostrajania aplikacji. Dzięki AI debugowanie stanie się dużo łatwiejsze. Wprowadzamy Gemini do konsoli Narzędzi deweloperskich w Chrome, aby generować statystyki, pomóc Ci zrozumieć, na czym polega problem, a nawet ustalić, jak go rozwiązać.

Statystyki konsoli Chrome DevTools są obecnie dostępne w Stanach Zjednoczonych jako funkcja eksperymentalna, a wkrótce zostaną udostępnione w większej liczbie krajów.

4. Speculation Rules API zapewnia możliwość błyskawicznego przeglądania

Nowy interfejs Speculation Rules API umożliwia niemal natychmiastową nawigację, co znacznie przyspiesza przeglądanie stron dzięki pobieraniu z wyprzedzeniem i wstępnym renderowaniu stron w tle. Pamiętaj o milisekundach, a nie o sekundach. A najlepsze, Aby rozpocząć, wystarczy napisać kilka linijek kodu, a sztuczna inteligencja może być wykorzystywana do inteligentnego prognozowania wzorców nawigacji.

Przykład Tokopedii: wpływ renderowania wstępnego prowadzącego do znacznie krótszego czasu wczytywania, nawet w przypadku wolnego połączenia.

5. Wyświetlanie interfejsu Transitions API w przypadku witryn wielostronicowych

Chcemy na nowo zdefiniować sposób, w jaki użytkownicy korzystają z internetu. Chcemy też zmienić sposób tworzenia stron internetowych. Za pomocą interfejsu View Transitions API można łatwo animować użytkowników między stanami stron. A teraz współpracuje z aplikacjami wielostronicowymi, dzięki czemu możesz stworzyć płynną nawigację niezależnie od architektury witryny. W połączeniu z regułami spekulacyjnymi i sztuczną inteligencją przejścia między stronami są naprawdę płynne.

6. Panel Web Platform zapewniający ujednolicony widok różnych przeglądarek

Wiemy, że niełatwo nadążać za najnowszymi zmianami na platformie, interfejsach API i strukturach w przeglądarkach, które się nieustannie aktualizują. Widok Baseline wskazuje, które funkcje internetowe są obsługiwane przez wszystkie przeglądarki. Teraz dzięki panelu platformy internetowej możesz zobaczyć całą platformę internetową zmapowaną jako zestaw funkcji, śledzić ich rozwój i sprawdzać stan interoperacyjności.

7. Podstawowe narzędzia bezpośrednio w przepływie pracy

Wersja podstawowa działa najlepiej, gdy jest zintegrowana z przepływem pracy. Od dzisiaj archiwum RUM Akamai udostępnia nowe narzędzie dla programistów RUM ArchiveInsights. Po raz pierwszy możesz wyświetlić obok siebie globalny udział użytkowników w wersjach podstawowych i funkcjach, które zostały odblokowane za pomocą tej wersji Baseline.

8. Częściowe nawodnienie w Angular poprawia wydajność

Naszym zdaniem jedną z najlepszych platform do tworzenia i wdrażania aplikacji internetowych jest Angular. Obecnie pracujemy nad częściowym nawodnieniem, dzięki czemu JavaScript będzie wczytywać i nawilżać tylko część aplikacji tylko wtedy, gdy jest to konieczne. Znacznie ulepsza to funkcje podstawowych aplikacji internetowych w przypadku aplikacji wrażliwych na działanie wydajności. W najbliższych tygodniach zobaczysz ją w wersji przedpremierowej dla programistów.

9. Niezawodna, precyzyjna reaktywność dzięki sygnałom

Chcemy zapewnić Ci bardziej szczegółową kontrolę nad wykrywaniem zmian w aplikacjach i zarządzaniem nimi. Enter: szczegółowa reaktywność z sygnałami. Angular udostępnia nowy zestaw reaktywnych interfejsów API, które zapewniają najlepsze wrażenia programistów dzięki sygnałom. Sygnały umożliwiają szczegółową analizę zmian, która sprawdza tylko część drzewa komponentów w celu rozpowszechnienia zmian stanu. Dzięki temu nie trzeba już ręcznie optymalizować interfejsu.

Reaktywne interfejsy API oparte na sygnałach są obecnie dostępne od razu po wyjęciu urządzenia z pudełka. Precyzyjne wykrywanie zmian zostanie udostępnione jeszcze w tym roku.

10. Twórz realistyczne obiekty 3D w interfejsie Maps JavaScript API

Dodajemy fotorealistyczne mapy 3D do znanego interfejsu Maps JavaScript API z Google Maps Platform, aby zwiększyć możliwości interakcji z internetem. Dzięki technologii renderowania Google możesz tworzyć bogate mapy 3D z prędkością, jakiej oczekują użytkownicy. A najlepsze jest to, że możesz zacząć od 1 wiersza kodu.

Nie możemy się doczekać, aż zobaczymy ich niesamowite i wciągające gry. Więcej informacji


Każdego dnia przebijasz przez złożoność programowania, nakładając się na to, co możliwe. Cieszymy się, że możemy pomagać Ci w tworzeniu nowych funkcji, które sprawią radość każdemu z nas. Wejdź na developer.chrome.com i web.dev, aby dowiedzieć się więcej o tej zaawansowanej i jeszcze wygodniejszej witrynie. Skontaktuj się z nami w X, YouTube, a potem na LinkedIn.

Do zobaczenia na konferencji I/O!