Silnik WebKit w przeglądarce Safari 14
Wydanie nowej wersji przeglądarki Safari 14 wprowadziło także kilka ulepszeń wydajności i prywatności w silniku WebKit. Ponadto twórcy stron internetowych mogą cieszyć się nowymi funkcjami, m.in. nowymi właściwościami CSS.
Tłumaczenie stron z WebKit
Jedną z najciekawszych dodanych do Safari funkcji jest opcja tłumaczenia stron internetowych. Wśród tłumaczonych języków znajduje się angielski, hiszpański, chiński uproszczony, francuski, niemiecki, rosyjski oraz portugalski (Brazylia). Przeglądarka automatycznie wykryje język strony i zaproponuje tłumaczenie.
Z kolei twórcy stron internetowych mają możliwość zdecydowania, które elementy strony będą tłumaczone. Tłumaczenie zawartości włącza się atrybutem translate lub translate=”yes”, wyłącza się przy pomocy translate=”no”.
Rozszerzenia internetowe
Ta opcja jest szczególnie przydatna dla programistów. Nowa wersja dodaje obsługę rozszerzeń Safari, zbudowanych przy użyciu JS, HTML i CSS spakowanych z aplikacjami natywnymi. Dzięki temu programiści rozszerzeń mogą utrzymywać jedną bazę kodu, którą można spakować dla innych przeglądarek. Także deweloperzy z rozszerzeniami dla innych przeglądarek mogą przenieść swoje projekty do Safari.
Wydajność i kompatybilność z WebKit
Kolejne ulepszenia dotyczą poprawy wydajności i kompatybilności. WebKit dodał obsługę przyrostowego ładowania plików PDF, przez co pierwsza strona ładuje się prawie 60 razy szybciej. Lepsza wydajność silnika poprawia wydajność wczytywania stron internetowych. Wyniki są następujące:
- 13% szybsze ładowanie nieodwiedzanej wcześniej strony,
- 42-52% szybsze ładowanie ostatnio odwiedzanych stron,
- 50 milisekund – zamykanie kart (wcześniej 3,5 sekundy).
Poprawiono także asynchroniczne przewijanie elementów iframe i przepełnienia. Co więcej, WebKit i Safari korzystają teraz z obsługi platformy HTTP/3, by zwiększyć wydajność sieci.
W celu poprawy kompatybilności przeprowadzono testy platformy internetowej. Korzystają z nich programiści przeglądarek. Dzięki nim upewniają się, że wprowadzone przez nich implementacje są kompatybilne z różnymi przeglądarkami. Safari 14 z WebKit poprawiło swoje wskaźniki zdawalności dla ponad 140 000 testów w ramach usług Service Workers, SVG, CSS, XHR + Fetch i nie tylko.
Nowe funkcje CSS
Przeglądarka Safari o numerze 14 obsługuje nową właściwość image–orientation. Nadpisuje ona domyślne zachowanie WebKit polegające na obracaniu na podstawie danych EXIF obrazu. Kolejną wspartą funkcją jest pseudo-selektor :is(), który działa podobnie do wcześniejszego :matches().
Ulepszenia JS i multimediów
Ostanie zmiany dotyczą poprawek multimediów i JS. Safari na iOS 14 dodaje obsługę API Picture-In-Picture, a w macOS dodano obsługę wideo w jakości HDR. WebKit dodał także kilka nowych możliwości do swojego silnika JavaScript. Mowa przede wszystkim o obsłudze nowego typu danych – BigInt, większego od MAX_SAFE_INTEGER. Ponadto udostępniono także nowe typy logicznych operatorów – AND, OR i nullish. Poniżej znajduje się przykładowe użycie tych operatorów:
let foo = null; foo ??= 1; // nullish assignment operator > 1 foo &&= 2; // AND assignment operator > 2 foo ||= 3; // OR assignment operator > 2 foo ??= 4; // nullish assignment operator > 2
Źródło: WebKit Blog