Opublikowano: 13 grudnia 2024 r.
Początki internetu wiązały się z cierpliwym czekaniem na połączenie przez wolne łącze modemowe i manipulowaniem fragmentami kodu w Perlu i HTML-u. Internet rozwinął się jednak w tempie wykładniczym, co wydaje się niemal natychmiastowe. Niezależnie od tego, czy zamawiasz w ostatniej chwili dostawę produktów spożywczych, czy używasz AI do podsumowywania długich artykułów, link jest teraz portalem do nieskończonych możliwości.
Dlatego tak wielu z nas uwielbia internet. Aby pomóc Ci przyciągnąć więcej osób z całego świata, wprowadzamy nowe narzędzia dla wszystkich deweloperów stron internetowych – zarówno tych, którzy zajmują się frontendem, jak i full stackiem, oraz tych, którzy dopiero zaczynają, jak i tych, którzy są już profesjonalistami.
Zapoznaj się z naszym podsumowaniem innowacyjnych funkcji z 2024 roku, które pozwalają tworzyć bardziej pomysłowe aplikacje internetowe przy mniejszym nakładzie pracy.
Wbudowana w Chrome AI pomaga programistom udostępniać zaawansowane funkcje z Gemini.
Podczas konferencji Google I/O 2024 r. ogłosiliśmy, jak wykorzystujemy AI do ulepszania internetu dzięki Gemini Nano wbudowanemu bezpośrednio w Chrome. Do tej pory ponad 13 tys. osób dołączyło do programu wczesnego dostępu, aby pomóc nam kształtować przyszłość internetu. Jesteśmy bardzo wdzięczni za Twój wkład i nie możemy się doczekać, aż stworzysz innowacyjne rozwiązania oparte na AI.
Aby pomóc Ci w pełnym wykorzystaniu AI, udostępniliśmy kilka wbudowanych interfejsów API w ramach testów origin, takich jak eksperymentalny interfejs Prompt API, interfejs Translator API, interfejs Summarizer API i interfejs Language Detector API. Wszystkie te interfejsy umożliwiają wykonywanie w przeglądarce zadań opartych na AI bez wywoływania serwera. Nie musisz też zarządzać własnymi modelami AI ani ich wdrażać. Ponad 8600 deweloperów zarejestrowało się w konkursie Google Chrome Built-in AI Challenge,aby stworzyć aplikację internetową lub rozszerzenie do Chrome przy użyciu tych interfejsów API. Zwycięzców ogłosimy w połowie stycznia, więc bądź na bieżąco.
Ulepszenia AI na urządzeniu dzięki WebAssembly (Wasm) i WebGPU
Uważamy, że internet to najlepsze środowisko do tworzenia aplikacji opartych na AI, które mogą docierać do wszystkich użytkowników. Oprócz prac nad wbudowanymi interfejsami API AI wprowadziliśmy też ulepszenia w 2 technologiach, które umożliwiają korzystanie w internecie z własnych modeli AI i szybkie ich uruchamianie: WebGPU i Wasm.
Wprowadziliśmy 16-bitowe wartości zmiennoprzecinkowe w WebGPU i spakowane iloczyny skalarne liczb całkowitych, które umożliwiają bardziej elastyczne korzystanie z procesora graficznego urządzenia za pomocą shaderów obliczeniowych. W przyszłości planujemy wprowadzić w WebGPU ulepszenia, takie jak podgrupy i macierze podgrup. Te funkcje umożliwią aplikacjom szybką komunikację między wątkami GPU i maksymalne wykorzystanie mnożenia macierzy o stałym rozmiarze. W 2025 r. wprowadzimy też do Wasm Memory64, aby umożliwić adresowanie w pamięci większych modeli AI.
Interfejs View Transition API sprawia, że witryny są bardziej połączone niż kiedykolwiek wcześniej dzięki płynnej nawigacji
Dzięki nowym funkcjom, takim jak przejścia między widokami dokumentów, możesz tworzyć płynną nawigację między wieloma stronami. Wystarczy kilka wierszy kodu CSS, aby pozbyć się tych irytujących „mignięć” podczas ponownego wczytywania. Płynna nawigacja przypominająca natywną pomaga tworzyć bardziej wciągające treści, zachowując jednocześnie zalety architektury wielostronicowej.
Pozycjonowanie wyskakujących okienek i elementów zakotwiczonych w CSS umożliwia tworzenie interaktywnych nakładek bez użycia JavaScriptu
Możesz teraz tworzyć etykietki, menu i inne nakładki za pomocą elementu popover i wizualnie łączyć je z elementami wywołującymi za pomocą interfejsu CSS Anchor Positioning API. Wystarczy trochę kodu CSS i HTML, aby nakładki były zawsze widoczne i zakotwiczone, nawet gdy użytkownicy przewijają lub zmieniają rozmiar okien. Użytkownicy zyskują bardziej niezawodne i dynamiczne wrażenia z korzystania z internetu, a Ty nie musisz zarządzać indeksem z i złożonymi obliczeniami pozycji w JavaScript. To świetny układ.
Interfejs Speculation Rules API umożliwia niemal natychmiastową nawigację dzięki wstępnemu renderowaniu stron
Dzięki interfejsowi Speculation Rules API czas ładowania stron w tym roku skrócił się z szybkiego do niemal natychmiastowego. Ten interfejs API, który wymaga tylko kilku wierszy kodu JSON, umożliwia pełne wstępne renderowanie stron w tle, dzięki czemu są one gotowe do użycia, gdy tylko użytkownicy będą ich potrzebować.
Interakcja do kolejnego wyrenderowania (INP) staje się podstawowym wskaźnikiem internetowym
W marcu INP zastąpił opóźnienie przy pierwszym działaniu jako podstawowy wskaźnik internetowy, aby pomóc Ci w bardziej kompleksowym pomiarze czasu reakcji strony po pierwszym działaniu użytkownika. Od tego czasu liczba witryn z „dobrym” INP na urządzeniach mobilnych wzrosła o 9%, co przekłada się na szybsze i przyjemniejsze korzystanie z internetu.
Autouzupełnianie ułatwia użytkownikom płacenie online
Włączenie autouzupełniania, które umożliwia przeglądarkom automatyczne wypełnianie pól formularza zapisanymi informacjami użytkowników, może zachęcić ich do przesyłania formularzy. Zespół Chrome przeanalizował anonimowe, zagregowane dane z tysięcy formularzy online i stwierdził, że w przypadku użycia autouzupełniania liczba porzuceń formularzy zmniejszyła się średnio o 75%. Na pozytywne wrażenia z płatności ma wpływ wiele czynników, ale dane sugerują, że autouzupełnianie może odgrywać w tym procesie pomocną rolę.
Autouzupełnianie jest szczególnie przydatne w przypadku procesów płatności w e-commerce. W Shopify współczynnik konwersji w przypadku płatności bez rejestracji z użyciem autouzupełniania jest o 45% wyższy niż w przypadku płatności bez rejestracji bez autouzupełniania.
Narzędzia deweloperskie w Chrome zyskują nowe możliwości dzięki rozwiązaniom opartym na AI
Pamiętasz, że wprowadziliśmy Gemini w Narzędziach deweloperskich w Chrome dzięki statystykom konsoli, które umożliwiają dostęp do debugowania opartego na AI, co pozwala skuteczniej rozwiązywać problemy. Od konferencji Google I/O 2024 ta funkcja jest dostępna na całym świecie.
Udostępniliśmy też panel pomocy AI, który korzysta z Gemini, aby pomóc Ci zrozumieć szczegóły techniczne strony, takie jak style, żądania sieciowe, źródła i wydajność.
W tym roku wprowadziliśmy też wiele ulepszeń w panelu Skuteczność, w tym możliwość monitorowania podstawowych wskaźników internetowych w czasie rzeczywistym i dodawania adnotacji. Dodatkowo wprowadziliśmy do panelu Wydajność funkcje Lighthouse, czyli statystyki wydajności.
Dzięki ulepszeniom opartym na AI, udoskonaleniom panelu Wydajność i dziesiątkom aktualizacji ułatwiających korzystanie z narzędzi, takich jak znaczniki przewijania, Narzędzia deweloperskie w Chrome są bardziej przydatne niż kiedykolwiek. Jeszcze więcej ulepszeń, takich jak zwiększenie wydajności dzięki nowym modelom Gemini 2.0, wprowadzimy w 2025 roku.
Baseline 2024 udostępnia programistom nowe funkcje internetowe działające w różnych przeglądarkach
Od interpolacji gradientów po zarejestrowane właściwości niestandardowe – Baseline 2024 obejmuje do tej pory 39 nowych funkcji internetowych działających w różnych przeglądarkach. Gdy funkcja jest częścią Baseline przez co najmniej 30 miesięcy, nie musisz się martwić o interoperacyjność. Jeśli jednak zastanawiasz się, czy warto używać nowej funkcji, ryzykując utratę zasięgu, zapoznaj się z informacjami o archiwum RUM firmy Akamai, aby poznać funkcje każdej wersji podstawowej i udział użytkowników na całym świecie.
Naszym ulubionym ogłoszeniem w ramach Baseline w tym roku jest panel stanu platformy internetowej, który zawiera wszystkie funkcje internetowe wraz z informacjami o poziomie obsługi w różnych przeglądarkach. Co więcej, dane, które są podstawą panelu stanu platformy internetowej, są otwarte i dostępne, więc możesz ich używać i integrować z własnymi narzędziami. Świetnym przykładem jest baner Baseline.
Najpopularniejsze przeglądarki udostępniają więcej funkcji w ramach Interop 2024
Aby dodać do Baseline więcej funkcji, ponownie współpracowaliśmy z naszymi partnerami w ramach inicjatywy Interop 2024. W tym roku planujemy wprowadzić m.in. wyskakujące okienka, zagnieżdżanie CSS, dostosowywanie rozmiaru czcionki i składnię kolorów względnych.
Interop zawiera też wyniki eksperymentalnych i stabilnych wersji przeglądarek. Ogólny wynik Interop dla stabilnych przeglądarek wynosi obecnie 87, a Chrome Stable – 98. Postępy przeglądarek możesz śledzić w panelu Interop. Planujemy już Interop 2025, o którym poinformujemy w lutym.
Wspólnie kształtujemy rozwój internetu w nowym roku
Postępy, jakie poczyniliśmy w 2024 roku, są bardzo obiecujące, ale wiemy, że przyszłość jest jeszcze bardziej świetlana. A to wszystko dzięki Waszej pasji, opiniom i innowacyjności – naszej społeczności deweloperów. Na wydarzeniach na całym świecie, od BrazilJS Conference i DevFest Paris po Google I/O 2024 i pierwszy w historii Web AI Summit, wielokrotnie przekonywaliśmy się o jednym: wszyscy wierzycie w moc i potencjał internetu tak samo jak my.
Masz śmielsze pomysły niż kiedykolwiek wcześniej. Chętnie pomożemy Ci je zrealizować. Obserwuj nas na X, w YouTube i na LinkedIn, aby być na bieżąco z najnowszymi informacjami. Razem odkryjmy na nowo potencjał internetu.