Nowości w Chrome 60

Pete LePage

Chcesz zobaczyć pełną listę zmian? Sprawdź listę zmian w repozytorium źródłowym Chromium.

Mam na imię Pete LePage. Zobaczmy, co nowego w Chrome 60 dla deweloperów.

Interfejs API do ustalania czasów malowania

Gdy użytkownik przechodzi na stronę internetową, szuka wizualnego potwierdzenia, że wszystko działa prawidłowo. Dzięki nowemu interfejsowi API dotyczącym czasu wyświetlania możemy to teraz mierzyć.

Interfejs API udostępnia 2 rodzaje danych:

  • Czas do pierwszego wyrenderowania – oznacza moment, w którym przeglądarka zaczyna renderować coś, czyli pierwszy fragment treści na ekranie.
  • Czas do pierwszego wyrenderowania treści – oznacza moment, w którym przeglądarka wyrenderuje pierwszy element treści z DOM, np. tekst lub obraz.

Zapoznaj się z artykułem Wykorzystanie danych o skuteczności, które najbardziej wpływają na wrażenia użytkownika, aby dowiedzieć się, jak możesz śledzić te dane i wykorzystywać je do poprawy wrażeń użytkowników.

Właściwość CSS font-display

Czcionki internetowe umożliwiają stosowanie bogatej typografii. Jeśli jednak użytkownik nie ma jeszcze czcionki, musi ją pobrać, co może spowodować spowolnienie działania witryny.

Na szczęście większość przeglądarek używa alternatywnego czcionki, jeśli jej pobranie zajmuje zbyt dużo czasu. Nowa właściwość font-display umożliwia kontrolowanie renderowania pobieranego czcionki przed jego pełnym załadowaniem.

  • auto używa dowolnej strategii wyświetlania czcionek używanej przez klienta użytkownika.
  • block przypisuje kroju czcionki krótki okres blokowania i nieskończony okres zamiany.
  • swap nadaje kroju czcionki okres blokady równy 0 s i nieskończony okres zamiany.
  • fallback daje czcionce bardzo krótki okres blokowania i krótki okres zastępowania.
  • optional zapewnia czcionce bardzo krótki okres blokowania i zerowy okres przełączania.

Jest obsługiwana w Chrome 60 i Operze, a w Firefoksie jest w trakcie tworzenia. Więcej informacji znajdziesz w artykule Kontrolowanie wydajności czcionek za pomocą font-display.

WebAssembly

WebAssembly (lub wasm) to nowy sposób uruchamiania kodu napisanego w takich językach jak C i C++ w internecie z prędkością zbliżoną do natywnej.

Zapewnia ona szybkość niezbędną do tworzenia edytora wideo w przeglądarce lub do uruchamiania gry Unity z wysoką częstotliwością klatek przy użyciu interfejsów API platform internetowych opartych na standardach.

Więcej informacji znajdziesz na stronie webassembly.org, w tym demo, dokumenty i informacje o tym, jak zacząć.

I wiele więcej!

  • Nowy interfejs Web Budget API umożliwia witrynom z uprawnieniem Push Notification wysyłanie ograniczonej liczby powiadomień push, które wywołują działanie w tle, np. synchronizowanie danych lub odrzucanie powiadomień, bez konieczności wyświetlania powiadomienia widocznego dla użytkownika.
  • PushSubscription.expirationTimejest już dostępny i powiadamia strony o dacie wygaśnięcia subskrypcji.
  • Obsługiwane są teraz właściwości Object rest & spread, co ułatwia scalanie i płytkie klonowe obiekty oraz implementowanie różnych niezmiennych wzorów obiektów.

Uwaga: interfejs Payment Request API został dodany do Chrome 61.

To tylko kilka z wielu zmian w Chrome 60 dla deweloperów.

Następnie zasubskrybuj nasz kanał w YouTube, a otrzymasz e-maila z powiadomieniem, gdy opublikujemy nowy film.

Nazywam się Pete LePage i zaraz po wydaniu Chrome 61 opowiem Ci o nowościach w tej przeglądarce.