- Paint Timing API umożliwia pomiar czasu do pierwszego wyrenderowania i czasu do pierwszego wyrenderowania treści za pomocą interfejsu Paint Timings API.
- Opcja
font-displaypozwala określić sposób renderowania czcionek przed ich pobraniem. - WebAssembly jest już dostępne
- A to nie wszystko – to dopiero początek.
Chcesz zobaczyć pełną listę zmian? Sprawdź listę zmian w repozytorium źródłowym Chromium.
Mam na imię Pete LePage. Sprawdź, 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 śledzić te dane i wykorzystywać je do polepszania wrażeń.
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 fontu, jeśli jego pobranie zajmuje zbyt dużo czasu. Nowa właściwość font-display pozwala kontrolować renderowanie pobieranego czcionki przed jego pełnym załadowaniem.
autoużywa dowolnej strategii wyświetlania czcionek używanej przez klienta użytkownika.blockprzypisuje kroju czcionki krótki okres blokowania i nieskończony okres zamiany.swapnadaje kroju czcionki okres blokady równy 0 s i nieskończony okres zamiany.fallbackdaje czcionce bardzo krótki okres blokowania i krótki okres zamiany.optionalzapewnia 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, czyli wasm, to nowy sposób uruchamiania kodu napisanego w takich językach jak C i C++, w internecie z prawie natywną szybkością.
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, m.in. demo, dokumenty i informacje o tym, jak zacząć.
I wiele więcej!
- Nowy interfejs Web Budget API umożliwia witrynom z uprawnieniami do wysyłania powiadomień push wysyłanie ograniczonej liczby powiadomień push, które wywołują działanie w tle, takie jak synchronizacja danych czy usuwanie powiadomień, bez konieczności wyświetlania powiadomienia użytkownikowi.
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 niektóre z zmian w Chrome 60 dla deweloperów.
Następnie zasubskrybuj nasz kanał w YouTube, aby otrzymywać e-maile z powiadomieniami o każdym nowym filmie.
Nazywam się Pete LePage i zaraz po wydaniu Chrome 61 opowiem Ci o nowościach w tej przeglądarce.