Google ogłasza nowe narzędzia dla programistów Chrome, które zmniejszają ładowanie stron i udoskonalają UX

Podczas Chrome Dev Summit 2019 Google ogłosiło nowe narzędzia dla programistów, które mają poprawić wygodę użytkownika, skrócić czas ładowania i zwiększyć bezpieczeństwo w sieci.

Dwie dekady temu Google zaczynało jako wyszukiwarka internetowa, ale dziś dominuje nad tym, jak korzystamy z Internetu i wchodzimy w interakcję z nim. Wyszukiwarka Google sama w sobie ma ogromny wpływ na większość zastosowań online, ale inne produkty, takie jak najpopularniejsza przeglądarka na świecie – GoogleChrome – a także najczęściej używany mobilny system operacyjny – Android – umieściły Google w czołówce wśród innych interesariuszy sieci. Wzrósł odsetek użytkowników korzystających z Internetu za pomocą urządzeń mobilnych, podobnie jak nacisk internetowego giganta na skrócenie czasu ładowania w celu zapewnienia trwałości. AMP lub przyspieszone strony mobilne to jeden z kroków podjętych przez Google, aby zapewnić szybsze ładowanie stron internetowych. W ubiegłym roku wprowadzono także element sieciowy znany jako „Portale", aby zoptymalizować "płynne" przełączanie pomiędzy stronami internetowymi.

Z wizją „sprawić, że ładowanie zniknie”, Firma Google ogłosiła dzisiaj nowe narzędzia dla programistów w witrynie Szczyt deweloperów Chrome 2019 aby uczynić sieć bezpieczniejszą i bardziej przyjazną dla użytkownika, jednocześnie zwiększając szanse na pomoc programistom w zwiększeniu bazy użytkowników i przychodów.

Portale

Google pokazał postęp Portale wdrożyliśmy od chwili premiery na Google I/O na początku tego roku i zaimplementowania pod flagą w przeglądarce Chrome Canary. Aby odświeżyć pamięć, Portale umożliwiają programistom osadzanie określonej treści lub całych stron internetowych na innej stronie internetowej, podobnie jak element iframe. Aby wyeliminować czas oczekiwania, zawartość Portalu lub ramki ładuje się, gdy użytkownicy nadal przeglądają początkową stronę internetową.

Google udostępniło przykład usługi sprzedaży biletów do kina Fandango, w której strona docelowa konkretnego filmu (Żartowniś w przykładzie) jest powiązany wewnątrz Portalu. Kiedy użytkownik kliknie Jokera, następna strona zostanie wyrenderowana już w pełni załadowana.

Pakiety internetowe

Google ogłasza Pakiety internetowe który został stworzony, aby pomóc twórcom stron internetowych w udostępnianiu treści internetowych innym za pośrednictwem różnych mediów, w tym między innymi poczty elektronicznej, USB lub FTP. Programiści będą mogli skutecznie buforować całą zawartość internetową, która ma być udostępniana za pomocą interfejsów API, takich jak Okresowa synchronizacja w tle I Indeksowanie treści a następnie selektywnie renderować wymaganą treść, nawet jeśli użytkownik końcowy nie jest podłączony do Internetu. Aby umożliwić twórcom stron internetowych korzystanie z tej funkcji, Google udostępnia pakiety internetowe pod flagą przeglądarki Chrome, natomiast oba interfejsy API będą dostępne jako próby pochodzenia.

Doświadczenie sieciowe podobne do natywnego

Mając świadomość, że wielu użytkowników korzysta z telefonów komórkowych w celu korzystania z Internetu, Google uwzględnia również wzorce korzystania z różnych urządzeń na całym świecie. Google naciska od ponad kilku lat Progresywne aplikacje internetowe (PGA) jako substytut natywnych aplikacji na Androida w celu skrócenia czasu ładowania i zużycia danych.

[szerokość wideo="390" wysokość="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

Aby dostosować aplikacje internetowe do aplikacji natywnych, Google ogłasza trzy nowe funkcje dla programistów. To są:

  1. Odbiornik SMS-ów, co umożliwi aplikacjom internetowym pobieranie kodów uwierzytelniających za pośrednictwem wiadomości SMS w taki sam sposób, jak aplikacje. Na powyższym filmie możesz zobaczyć, jak płynnie internetowa wersja Swiggy, indyjskiej usługi zamawiania jedzenia, sugeruje użytkownikowi wykorzystanie kodu weryfikacyjnego otrzymanego SMS-em.
  2. Skontaktuj się z Pickerem, co umożliwi użytkownikom przesyłanie kontaktów do aplikacji internetowych w sposób podobny do udostępniania kontaktów w aplikacjach do przesyłania wiadomości, takich jak WhatsApp.
  3. Natywny interfejs API systemu plików, co zapewni aplikacjom internetowym uprawnienia i możliwość odczytywania plików i folderów z urządzenia użytkownika oraz bezpośredniego zapisywania w nich zmian. Potencjalne zastosowania tej funkcji mogą obejmować edytory tekstu online, edytory zdjęć i wideo, a nawet internetowe środowiska IDE i nie tylko.

Te interfejsy API będą również dostępne w wersji próbnej Origin dla przeglądarki Google Chrome.

Nowe wskaźniki i wskazówki dla programistów

Aby pomóc w kontekstualizowaniu ogólnego „kondycji sieci”, Google ogłosił projekt o nazwie Almanach sieciowy we współpracy z Archiwum HTTP. Celem projektu, kierowanego przez 85 ekspertów, jest uzyskanie spostrzeżeń i wizualizacja trendów na podstawie praktycznych danych na temat najlepszych i najgorszych praktyk w Internecie.

Misja polegała na sprawdzeniu prawie 6 milionów stron internetowych, po czym eksperci ci skondensowali swoje wnioski na temat sposobów poprawy doświadczenia użytkownika w 20 rozdziałów. Praktyka ta będzie powtarzana jako „coroczna tradycja”, dzięki czemu Almanach pozostanie przydatnym przewodnikiem dla twórców stron internetowych.

Oprócz tego Google wprowadza także dwa nowe wskaźniki, które mają pomóc programistom w optymalizacji witryn internetowych pod kątem najlepszych praktyk. To są:

  1. Największa zawartość farby (LCP), czyli „postrzegany” czas ładowania strony internetowej. Mówiąc najprościej, jest to czas ładowania „największego elementu widocznego w punkcie widzenia”. To będzie określić ilościowo, jak szybko ładują się kluczowe elementy strony internetowej, aby programiści mogli je wyeliminować opóźnienia. LCP jest obliczany na podstawie czasu, zanim użytkownik wejdzie w interakcję ze stroną, dlatego celem jest maksymalne zminimalizowanie opóźnienia ładowania.
  2. Łączne przesunięcie układu (CLS), który służy do pomiaru stabilności stron internetowych. Może pomóc programistom określić, jak często elementy takie jak przyciski lub konkretny obraz zmieniają swoje położenie w widocznej części podczas ładowania strony. W ten sposób CLS może pomóc programistom wyeliminować ten frustrujący problem polegający na zmianie położenia elementów podczas ładowania strony. Wskaźnik ten opiera się na „wyniku zmiany układu”, który mierzy tendencję elementów strony do przesuwania się podczas ładowania, co niepokoi użytkowników. Wynik przesunięcia układu powinien w idealnym przypadku wynosić zero lub przynajmniej tak blisko zera, jak to możliwe, aby zapewnić użytkownikom bezproblemową obsługę.

Aby pomóc programistom w osiągnięciu najlepszej wydajności, dostępności i wydajności w ich witrynach internetowych, Google rozszerza zakres Pakiety stosów latarni morskiej do różnych frameworków. Oprócz WordPressa i Next.js, które są już obsługiwane przez Lighthouse, Google dodaje obsługę frameworki takie jak AMP, Angular, React, a także Magento, CMS obsługujący wyłącznie e-commerce strony internetowe.

Popraw zarządzanie pamięcią, lepszą prywatność i większą kontrolę

Google twierdzi, że inwestuje czas, wysiłek i pieniądze w rozwiązanie jednej z największych wad przeglądarki Google Chrome, a mianowicie zużycia pamięci. Oprócz pracy nad ulepszeniem zarządzania pamięcią, stale ulepszają także wydajność przeglądarki Chrome, aby zapewnić, że internet pozostanie dostępny dla wszystkich, niezależnie od „typu urządzenia, szybkości Internetu lub siły nabywczej."

W zakresie prywatności kolejna wersja przeglądarki Google Chrome, tj. ver79, poprawi sposób obsługi plików cookies. Obejmuje to nowy przełącznik na stronie Nowe karty w trybie incognito, który pomaga użytkownikom znacznie lepiej kontrolować pliki cookie innych firm. Strona Ustawienia również zostanie ulepszona, aby ten przełącznik był łatwo dostępny w trybie zwykłym.

Google kontynuuje wysiłki w zakresie rozwoju Piaskownica prywatności, który definiuje się jako zbiór otwartych standardów mających na celu poprawę prywatności w Internecie. Celem piaskownicy prywatności jest umożliwienie witrynom internetowym wdrażania plików cookie bez powodowania poczucia przytłoczenia lub niepewności użytkowników z powodu reklam, a także znalezienie sposobów blokowania pobierania odcisków palców.